Flutter之旅 02 - 创建第一个项目

一、前言

Flutter项目可以用三种方式开发：

• Android Studio
• VS Code
• Terminal + 编辑器

可以根据自己的需求选择，由于之前一直做iOS开发，也做过RN项目开发，Mac上装过Android Studio 和 其他安卓模拟器Genymotion，所以我选择Android Studio开发工具，之前装的版本3.0.1比较老了，所以进行了升级3.4。

二、创建Flutter项目

1，官方文档

体验Flutter

2，Android Studio创建运行项目

1> 打开Android Studio，我们选择Start a new Flutter project，如图：

image.png

PS：第一次创建项目可以成功，之后再执行这一步操作创建新的Flutter项目时，一直卡住，重启过很多次Android Studio一直都是这样，后面查询资料，发现自己没有同意使用android-licenses，可以通过下列命令验证，第一步，先验证：

$ flutter doctor

第一步检测结果，发现是需要同意android-licenses：

第一步检测结果

第二步执行同意命令，操作时会有很多个android-licenses需要同意：

$ flutter doctor --android-licenses

第二步检测结果：

第二步检测结果

第三步再次验证，当得到以下截图中结果时，代表所有环境配置已经完成：

$ flutter doctor

第三步再次验证结果

2> 选择Flutter Application，然后点下一步，如图：

image.png

3> 添加项目相关信息，然后点下一步，如图：

image.png

4> 设置包名，然后点Finish，如图：

image.png

3，Terminal创建运行项目

使用 flutter create 命令创建一个project:

$ flutter create myapp
$ cd myapp

上述命令创建一个Flutter项目，项目名为myapp，在项目目录中，有安卓和iOS两个项目目录。

三、运行Flutter项目

1，Android Studio运行项目

Android Studio中会列出所有已经连接了电脑的设备，包括安卓和iPhone。如果想在模拟器上运行，下面可以选择对应的模拟器，如图：

image.png

PS：如果想在模拟器上运行，需要先安装一个模拟器，选择Tools > AVD Manager，如图：

image.png

然后选择Create Virtual Device，根据提示一步一步操作即可（建议翻墙条件下操作），添加完成后就可以在这个界面看到自己已经添加的模拟器，点击绿色的运行按钮，即可打开该模拟器：

image.png

2，通过命令行运行项目

• 检查是否有设备连接到电脑在运行。如果没有显示, 请参照 设置.

$ flutter devices

• 运行 flutter run 命令来运行应用程序:

$ flutter run

3，如果一切正常，在应用程序建成功后，您应该在您的设备或模拟器上看到应用程序:

Starter App on Android