开发工具：VS Code - 轻量级编辑器，支持Flutter运行和调试。
创建新的应用
- 1、启动VS Code
- 2、调用View -> Command Palette...
- 3、输入
flutter,然后选择Flutter:New Project - 4、输入Project名称，如：myfirstproject,然后按回车键。
备注：名称要全小写。 - 5、指定放置项目的位置，然后按蓝色的确定按钮。
- 6、等待项目创建继续，并显示main.dart文件。
上述命令创建一个Flutter项目，项目名称为：myfirstproject，其中包含一个使用material组件的简单的演示应用程序。在项目目录中，你的应用程序的代码位于lib/main.dart。
运行应用程序
- 1、确保在VS Code的右下角选择了目标设备
- 2、按 F5 键或调用Debug ->Start Debugging
- 3、等待应用程序启动
-
4.1、如果出现Error如下:
Error.jpg
原因：看右下角，显示SleepingSun(iOS)
真机.jpg
当前运行的是真机，如果想要工程可以跑起来，需要去当前工程所在的iOS目录当中，用xcode打开当前工程，然后配置真机证书。或者，手动打开模拟器，这时显示如下：
15601495199597.jpg
而模拟器显示如下：
模拟器.jpg
-
4.2、如果一切正常，在应用程序建成功后，您应该在您的设备或模拟器上看到应用程序:
正确运行结果.jpg
体验热重载
Flutter 可以通过 热重载（hot reload） 实现快速的开发周期，热重载就是无需重启应用程序就能实时加载修改后的代码，并且不会丢失状态。简单的对代码进行更改，然后告诉IDE或命令行工具你需要重新加载（点击reload按钮），你就会在你的设备或模拟器上看到更改。
用你喜欢的编辑器打开文件lib/main.dart
将字符串
'Flutter Demo Home Page' 更改为
'Sarah First Flutter Demo'
不要按“停止”按钮; 让您的应用继续运行.
要查看您的更改，请调用 Save (cmd-s / ctrl-s), 或者点击 热重载按钮 (绿色圆形箭头按钮).
你会立即在运行的应用程序中看到更新的字符串
Sarah First Flutter Demo.jpg
网友评论