---

配置编辑器

安装IDE

安卓开发推荐使用 Android Studio AS配置

iOS开发除了命令行就只有VS Code了

接下来以VS为例走一遍

VS Code 下载链接

VS版本要求1.20.1以上

配置VC版flutter插件

打开VS Code 左侧栏选择Extension栏搜索flutter 安装重启。

重启后 shift + command + p打开快捷命令输入doctor 选择
‘Flutter: Run Flutter Doctor’ 检测环境配置是否成功 没有成功的按指示安装。

体验Flutter

• Android Studio
  创建项目myapp步骤如下：

1. 选择 File>New Flutter Project 
2. 选择 Flutter application 作为 project 类型, 然后点击 Next 
3. 输入项目名称 (如 myapp), 然后点击 Next 
4. 点击 Finish 
5. 等待Android Studio安装SDK并创建项目，应用程序的代码位于 lib/main.dart。 
6. as的菜单栏很智能的提示有运行和选择设备的图标，点击即可运行调试； 
7. 项目热重载，即保存时刷新界面； 

• VS Code

创建项目myapp步骤如下：

1. 启动 VS Code 
2. 调用 View>Command Palette… 
3. 输入 ‘flutter’, 然后选择 ‘Flutter: New Project’ action 
4. 输入 Project 名称 (如myapp), 然后按回车键 
5. 指定放置项目的位置，然后按蓝色的确定按钮 
6. 等待项目创建继续，并显示lib/main.dart文件 
7. 确保在VS Code的右下角选择了目标设备 
8. 按 F5 键或打开菜单栏的 调试->Start Debugging 
9. 等待应用程序启动 
10. 项目热重载，即保存时刷新界面；

• 命令行创建

# 创建并进入项目 
flutter create myapp cd myapp
 # 检查设备是否在运行 
flutter devices 
# 运行应用程序: 
flutter run 
# flutter run 后命令界面常用快捷键 
# 热重载 
r 
# 显示网格，这个可以很好的掌握布局情况 
p 
# 切换android和ios的预览模式 
o 
# 退出调试预览模式 
q 

Flutter