为了账号安全,请及时绑定邮箱和手机立即绑定

【Flutter 1-5】运行Flutter的第一个项目——计数器


创建项目

创建Flutter项目有很多种方法,各个IDE工具也都集成了创建Flutter项目的快捷操作。我们这里列举三种方式:使用命令行创建、使用Android Studio创建和使用VSCode创建。

> 文末附有视频教程

  • 使用命令行创建

在Flutter安装完之后,我们就已经配置好了命令行工具,命令行工具很强大,可以满足我们日常开发Flutter的所有操作(如果你还没有安装好Flutter环境,可以参考这里来安装)。

我们只需要打开命令行工具 输入:


flutter create flutter_app

其中 flutter_app是我们项目的名字。

  • 使用 Android Studio 创建

我们打开 Android Studio,点击左上角 File->New->New Flutter Project 即可。

2020_10_25_android_create

  • 使用 VSCode创建

点击VSCode上方按钮 View->Command Palette..

2020_10_25_vscode_view.png

然后在弹出的输入框内输入关键字flutter回车就可以了创建项目了。

2020_10_25_vscode_flutter

使用Android Studio 运行 计数器项目

用 Android Studio打开我们刚刚创建的项目flutter_app

打开之后我们先选择一下模拟器,然后直接点击运行就可以了。

2020_10_25_android_select_device

使用VSCode 运行 计数器项目

用VSCode打开项目flutter_app,找到目录下的 main.dart文件打开

2020_10_25_vscode_main_dart

然后点击右上角运行按钮就可以了。

2020_10_25_vscode_run

视频教程

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
移动开发工程师
手记
粉丝
3
获赞与收藏
15

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消