前两天看人用 vscode 跑 flutter 项目；并且展示有一个现实 widget 线框的功能；感觉这个用在开发中应该挺方便的；就研究了下：vscode  跑 flutter:

• 首先创建好 flutter项目；现有项目就不用再次创建
• vscode 安装 三个插件
• 
• 运行 flutter 项目；选择你连接的设备   //flutter run --no-sound-null-safety

  PS D:\MineGit\Futter-Learning.git\music_app> flutter run
  Multiple devices found:
  SM G9650 (mobile) • 21a9f15c1d037ece • android-arm64 • Android 10 (API 29)
  PACM00 (mobile)   • JZU8PB9DQOG68D6D • android-arm64 • Android 10 (API 29)
  [1]: SM G9650 (21a9f15c1d037ece)
  [2]: PACM00 (JZU8PB9DQOG68D6D)
  Please choose one (To quit, press "q/Q"): 1
  
  
  //如果你是低版本 需要需要 忽略的话 nullsafety
  PS D:\MineGit\Futter-Learning.git\music_app> flutter run --no-sound-null-safety
  Multiple devices found:
  SM G9650 (mobile) • 21a9f15c1d037ece • android-arm64 • Android 10 (API 29)
  PACM00 (mobile)   • JZU8PB9DQOG68D6D • android-arm64 • Android 10 (API 29)
  [1]: SM G9650 (21a9f15c1d037ece)
  [2]: PACM00 (JZU8PB9DQOG68D6D)
  Please choose one (To quit, press "q/Q"): 1
  Launching lib\main.dart on SM G9650 in debug mode...
  Running Gradle task 'assembleDebug'...                                  
  Running Gradle task 'assembleDebug'... Done                        29.5s
  √  Built build\app\outputs\flutter-apk\app-debug.apk.
  Installing build\app\outputs\flutter-apk\app.apk...                44.5s

然后就能控制了：

• r   键 热加载，热刷新
• p  显示空间网格，这个可以很好的掌握布局情况，工作中很有用
• o  切换 android ios 预览模式
• q  退出调试预览模式