您能够把任意的文本编辑器与命令行工具结合使用来构建Flutter应用程序。不过,咱们建议使用咱们提供的任意一个编辑器插件以得到更好的体验。经过咱们的编辑器插件,您能够得到代码自动补全,语法高亮,组件编辑辅助,运行和调试支持等等。html
按照以前的步骤为Android Studio、IntelliJ或VS Code添加编辑器插件。 若是你想使用不一样的编辑器,那不要紧,直接跳到下一步:建立并运行你的第一个应用程序。android
配置Android Studio
Android Studio:为Flutter提供完整的集成IDE体验。编辑器
安装Android Studio
或者,您也能够使用IntelliJ:ide
安装Flutter和Dart插件
Flutter由两个插件支持:工具
Flutter
插件支持Flutter开发人员工做流程(运行,调试,热重载等)。
Dart
插件提供了代码分析(代码验证,键入代码,完成代码等)。
安装这些:post
- 启动Android Studio.
- 打开plugin preferences(macOS中是Preferences>Plugins,Windows & Linux中是File>Settings>Plugins)。
- 选择Browse repositories…,而后选择Flutter插件并点击
install
.
- 当提示安装Dart插件时,请单击
Yes
。
- 出现提示时单击
Restart
。
设置Visual Studio Code(VS Code)
VS Code:轻量级编辑器,支持Flutter运行和调试。idea
安装VS Code
安装Dart代码插件
- 启动VS Code
- 调用View>Command Palette…
- 输入“install”,而后选择**“Extensions:Install Extension”**操做
- 在搜索框中输入
dart code
,在列表中选择“Dart Code”,而后点击Install
- 选择“OK”以从新加载VS Code
经过Flutter Doctor验证您的设置
- 调用View>Command Palette…
- 输入“doctor”,而后选择**“Flutter: Run Flutter Doctor”**操做
- 查看“OUTPUT”栏中的输出是否有问题
Next
[Flutter]启动:调试运行插件