Flutter 项目创建（含视频）

文章对应的视频：www.bilibili.com/video/BV1RT…

在看下面内容前先确认下面两件事：

• 当前flutter源码所在分支是否为：stable

• 查看当前Flutter版本： flutter --version

Flutter 1.20.0-1.0.pre.83 • channel unknown • unknown source
Framework • revision 37cb7b7b48 (8 days ago) • 2020-06-17 14:28:01 +0530
Engine • revision 965fbbed17
Tools • Dart 2.9.0 (build 2.9.0-14.0.dev 2b917f5b6a)

一、 通过命令行创建

创建一个全新的纯flutter项目

其实使用flutter create project_name就能创建一个默认包名的项目。 但如果想制定项目包名需要加上--org pacakge_name。 所以完善的创建方式事：

flutter create --org com.rongcheng  project_name

运行flutter app

先进入项目目录cd project_name，然后执行flutter run project_name。 如果没有连接真机，可以启动模拟器：

• ios：open -a Simulator

同时运行在多个设备上

如果你同时连接了多个设备，直接运行flutter run 他是不知道你要运行在哪的

我们需要手动制定一个设备：可以通过-d 设备名来指定运行的设备

flutter run -d iPhone

可以使用-d all来运行在所有设备上，这个在测兼容性的时候很使用啊。

flutter run -d all

常用快捷键

• r Hot reload.
• R Hot restart.
• h Repeat this help message.
• d Detach (terminate "flutter run" but leave application running).
• c Clear the screen
• q Quit (terminate the application on the device).

二、通过AS创建flutter项目

个人觉得通过AS创建项目的速度要远慢于命令行，所以我一般都是通过命令创建 下面是通过AS创建flutter项目的入口。

如果在AS中没有找到入口，那么你需要先安装flutter相关的插件

安装Dart和Flutter插件

进入AS的Preference(command+,)页面找到Plugins目录，然后安装Flutter 和Dart插件，然后重启编译器就可以了。

运行项目

选择需要的设备，然后点击小三角就能运行了。

运行下 可以：

如果没有设备显示，需要先创建一个模拟器。

问题排查

如果设备那一直显示Loading...该怎么办。 可以先在Terminal中使用

flutter devices

查看下

我们发现其实有启动的android模拟器，这说明应该是AS配置的问题。 从网上找到的方法：找到flutter源码路径->flutter/bin/cache/。删除其中的lockfile文件。

然后重启下AS，发现可以找到了：

---

总结： 其实如果使用的是mac本的话，第一次上手还是挺快的。而且纯flutter的项目会简单很多。