前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >flutter入门3——flutter 运行

flutter入门3——flutter 运行

作者头像
蓓蕾心晴
发布2024-03-08 08:31:45
3430
发布2024-03-08 08:31:45
举报
文章被收录于专栏:前端小叙

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跑项目,可能会无法热重载
  8. 使用 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,运行与调试,将代码运行起来,这样代码修改,模拟器中的页面就可以是实时更新

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2024-03-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • flutter项目新建与运行
相关产品与服务
对象存储
对象存储(Cloud Object Storage,COS)是由腾讯云推出的无目录层次结构、无数据格式限制,可容纳海量数据且支持 HTTP/HTTPS 协议访问的分布式存储服务。腾讯云 COS 的存储桶空间无容量上限,无需分区管理,适用于 CDN 数据分发、数据万象处理或大数据计算与分析的数据湖等多种场景。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档