Flutter Visual Studio Code开发环境搭建
概述
已下内容参考了官网教程。官网如果无法访问试一下科学上网。
开发环境搭建
安装 VS Code
VS Code 最新稳定版本。
安装插件-Flutter and Dart
- 打开 VS Code
- 打开命令面板 View > Command Palette,快捷键 shift+command+p
- 输入 “install”, 并选择"Install Extensions"
- 输入 “flutter”, 选择 “Flutter” 并点击安装,这一步会同时安装必备的 Dart 插件
安装模拟器
IOS 和 Android 模拟器的安装大家自行百度。
检查是否配置成功
- 打开命令面板 View > Command Palette,快捷键 shift+command+p
- 输入 “doctor”,并选择: Run Flutter Doctor.
此时会在 OUTPUT 区域显示各个检查项的情况。
Flutter 版本、Dart 版本
编辑器版本、Flutter 插件版本、设备的情况
如果这些事项的前面都是对号则说明开发环境没有问题,如果前面是感叹号"!“那就说明这一项没有安装或者有问题需要处理。
如果发现你的 Connected device 前面有一个感叹号”!",这时你需要启动模拟器。
创建App
- 打开命令面板 View > Command Palette,快捷键 shift+command+p
- 输入"flutter",并选择: Flutter:New Project
- 输入项目名称,并选择项目创建路径
- 运行App,Run > Start Debugging 或者按F5
这时模拟器中就会运行一个最简单的计数App。