vscode开发flutter

Flutter开发app

• 配置国内镜像，或使用vpn，文档在中国网络环境下使用 Flutter | Flutter 中文文档 - Flutter 中文开发者网站 - Flutter
• 先从官网下载 Android Studio，

• 下载完成后，命令行运行 flutter doctor指令将检查 Windows 完整的 Flutter 开发环境的所有组件。
  

• 显示缺少了 cmdline-tools component is missing

• 打开Android Studio->setting，勾选安装

  

• 等待安装

  

• 接着配置环境变量，在系统变量里新增 ANDROID_SDK_ROOT

  

• 在 path里新增 %ANDROID_HOME%

  

• 接着打开 android studio的 tools，打开 device manager

  

• 选择安卓运行后，转到vscode，安装flutter插件

  

• 从github上找一个flutter模板记得版本适配Flutter SDK 版本列表 ，下载后用vscode打开，会提示你安装flutter(Dart已包含)最新版，安装后配置环境变量flutter加到 path里

  

• 在 pubspec.yaml同级目录下，打开vscode终端，输入 flutter run即可

  ---

• 若不想使用 Android Studio，使用第三方模拟器如夜神等，vscode默认不连接第三方模拟器，夜神模拟器，下载后cd到安装目录下的bin文件夹，如图直接输入 cmd就行，

  

• 接着输入 nox_adb.exe connect 127.0.0.1:62001连接，

  

• 此时vscode右下方就会出现device，选择

  

  

• 最后输入 flutter run即可。

  

  之后模拟器上就会出现该app：

  

• 也可在vscode安装扩展 Android Ios emulator

  

• 安装后打开设置，填入你的模拟器的路径，之后选择模拟器

  

• 接着运行即可
  拟器

  [外链图片转存中…(img-kfigMnDs-1711903230322)]

• 接着运行即可