本节目标

  • 配置 VSCode
  • 配置 Intellij IDEA
  • 配置 Android Studio
  • Dart DevTools 调试视图
  • Hot Reload 热更新

配置 VSCode

下载安装

https://code.visualstudio.com/

安装插件 Dart

安装插件 Flutter

安装插件 Awesome Flutter Snippets

创建项目

  • flutter: new project
  • 创建完成
  • 创建模拟器
  • 被提示需要 android 配置
  • Install Sources for Android 27
  • 安装模拟器镜像 android-27

Google Play Intel x86 Atom System Image (system-images;android-27;google_apis_playstore;x86)

  • x86 模拟器加速器

Intel x86 Emulator Accelerator (HAXM installer)

  • android 模拟器
  • ios 模拟器
  • F5 运行
  • 打开 Dart DevTools

配置 Intellij IDEA

安装

http://www.jetbrains.com/

安装插件 Flutter

new project

  • 选择 flutter

注意 选择 sdk 位置

  • 选项

点击 more 更多
设置 module name 为英文

运行

调试器

  • inspector
  • outline

配置 Android Studio

安装插件 Flutter

创建项目

  • 主面板
  • 导航

运行

同 IDEA 效果

hot reload

热更新已支持

参考

© 猫哥

https://ducafecat.tech