flutter入门3——flutter 运行

flutter项目新建与运行

  1. vscode command+shift+p:输入 flutter,选择 new project,application,选择一个项目存储的文件夹,会新建一个 flutter 项目
  2. 然后会直接打开该项目,到 lib 下 main.dart
  3. vscode command+shift+p:输入 flutter,选择 device,选择要运行项目的设备
  4. 但是运行项目设备选择了手机设备在执行 flutter run的时候没有自己的手机设备的选项,可以先试下iOS 模拟设备
  5. vscode command+shift+p:输入 flutter,选择 start ios simulator,就会弹出一个 iOS 模拟器
  6. 新建终端,执行 flutter run,会直接将 demo 跑在模拟器上
  7. 如果使用 macos 和 chrome web跑项目,可能会无法热重载
  1. 使用 iOS 模拟器,保存代码依然不可以热重载?
  • Flutter run key commands.
  • r Hot reload. 🔥🔥🔥
  • R Hot restart.
  • h List all available interactive commands.
  • d Detach (terminate "flutter run" but leave application running).
  • c Clear the screen
  • q Quit (terminate the application on the device).

在终端控制台,显示不同快捷键不同的功能,这时候在控制台终端按一下 r 会直接重载模拟器页面

或者点击 vscode,运行与调试,将代码运行起来,这样代码修改,模拟器中的页面就可以是实时更新

 

posted @ 2024-03-07 13:55  蓓蕾心晴  阅读(51)  评论(0编辑  收藏  举报