一、 vscode中开发Flutter应用

1-1 在模拟器上调试

使用夜神模拟器

  1. https://www.yeshen.com/

1-2 vscode中安装Flutter插件Dart

  1. Dart
  2. Flutter
  3. Flutter Widget Snippets

image.png

1-3 vscode开发flutter

1.打开项目
mobile.png
2.连接真机，vscode下方有输出表示安装成功
mobile.png
3.命令行输入

  1. flutter run
r 热加载,重新加载
p 显示网格,这个可以控制布局情况
o 切换android和iso的预览模式
q 退出调试预览模式

1-4 vscode默认连不上第三方模拟器解决方案

1.切换到夜神模拟器安装的bin目录

  1. D:\Program Files\Nox\bin

2.在命令行输入

  1. d: //切换到d盘
  2. cd D:\Program Files\Nox\bin //切换到bin目录
  3. nox_adb.exe connect 127.0.0.1:62001 //配置成功就可以看到夜神模拟器了
  4. ##or
  5. adb connect 127.0.0.1:62001