[Flutter]开始使用:配置编辑器

您能够把任意的文本编辑器与命令行工具结合使用来构建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

  1. 启动Android Studio.
  2. 打开plugin preferences(macOS中是Preferences>Plugins,Windows & Linux中是File>Settings>Plugins)。
  3. 选择Browse repositories…,而后选择Flutter插件并点击 install.
  4. 当提示安装Dart插件时,请单击Yes
  5. 出现提示时单击Restart

设置Visual Studio Code(VS Code)

VS Code:轻量级编辑器,支持Flutter运行和调试。idea

安装VS Code

  • VS Code,1.20.1版本或更新版本。

安装Dart代码插件

  1. 启动VS Code
  2. 调用View>Command Palette…
  3. 输入“install”,而后选择**“Extensions:Install Extension”**操做
  4. 在搜索框中输入dart code,在列表中选择“Dart Code”,而后点击Install
  5. 选择“OK”以从新加载VS Code

经过Flutter Doctor验证您的设置

  1. 调用View>Command Palette…
  2. 输入“doctor”,而后选择**“Flutter: Run Flutter Doctor”**操做
  3. 查看“OUTPUT”栏中的输出是否有问题

Next

[Flutter]启动:调试运行插件

相关文章
相关标签/搜索