Flutter学习第二弹 - 第一个Flutter程序

开发工具：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