[Flutter]启动:调试运行
本页介绍如何“调试运行”Flutter:从我们提供的模板创建一个新的Flutter应用程序,运行它,并学习如何使用Hot Reload(热重载)进行更改。
Flutter是一个灵活的工具包,所以请首先选择您的开发工具来编写,构建和运行您的Flutter应用程序。
Android Studio
Android Studio:为Flutter提供完整的集成IDE体验。
创建新的应用程序
- 选择File > New Flutter Project
- 选择Flutter application作为项目类型,然后选择下一步
- 输入项目名称(如:
myapp
),然后选择下一步 - 点击Finish
- 等待Android Studio安装SDK,并创建项目工程。
上述命令创建了一个名为myapp
的Flutter项目目录,其中包含一个使用Material Components的简单应用程序示例。
在项目目录中,你的应用程序的代码在lib/main.dart
下。
运行应用程序
- 找到主要的Android Studio工具栏:
- 在target selector中选择一个Android设备来运行应用程序。如果没有列出可用的,可以在Tools>Android>AVD Manager中创建一个。更多信息,查看管理 AVD。
- 在工具栏中点击运行图标,或者选择菜单中的Run > Run。
- 如果一切正常,您应该在您的设备或模拟器上看到您的第一个应用程序:
尝试hot reload
Flutter基于hot reload提供了一个非常快速的开发周期,可在实时运行的应用中重新加载代码而无需重新启动而导致丢失应用状态。只需对源代码进行更改,然后告诉你的编辑器或命令行工具你需要hot reload,然后在模拟器、仿真器或设备中就可以看到你的更改。
- 将字符串
'You have pushed the button this many times:'
更改为'You have clicked the button this many times:'
- 不要按“停止”按钮,请让你的应用继续运行。
- 想要查看你的更改,请保存所有文件(
cmd-s
/ctrl-s
),或者点击Hot Reload 按钮(带有闪电图标的按钮)。
您在运行的应用程序中应该几乎立即看到字符串的更新。
VS Code
VS Code:轻量级编辑器,支持Flutter运行和调试。
创建新的应用程序
- 启动VS Code
- 调用View>Command Palette…
- 输入“flutter”,然后选择“Flutter: New Project”执行
- 输入一个项目名称(例如:
myapp
),然后按下Enter键 - 指定放置项目的位置,然后选择蓝色的确认按钮
- 等待项目创建,并显示
main.dart
文件
上述命令创建了一个名为myapp
的Flutter项目目录,其中包含一个使用Material Components的简单应用程序示例。
在项目目录中,你的应用程序的代码在lib/main.dart
下。
运行应用程序
- 确保在VS Code的右下角选择了目标设备
- 按下键盘上的F5按钮,或者调用Debug>Start Debugging
- 等到应用加载启动
- 如果一切正常,在应用程序建成后,您应该在您的设备或模拟器上看到您的第一个应用程序:
尝试hot reload
Flutter基于hot reload提供了一个非常快速的开发周期,可在实时运行的应用中重新加载代码而无需重新启动而导致丢失应用状态。只需对源代码进行更改,然后告诉你的编辑器或命令行工具你需要hot reload,然后在模拟器、仿真器或设备中就可以看到你的更改。
- 在您最喜欢的Dart代码编辑器中打开文件
lib/main.dart
- 将字符串
'You have pushed the button this many times:'
更改为'You have clicked the button this many times:'
- 不要按“停止”按钮,请让你的应用继续运行。
- 想要查看你的更改,请保存所有文件(
cmd-s
/ctrl-s
),或者点击Hot Reload 按钮(绿色的圆形箭头按钮)。
您在运行的应用程序中应该几乎立即看到字符串的更新。
Terminal + editor
Terminal + editor:Your editor-of-choice combined with Flutter’s terminal tool for running and building.
创建新的应用程序
- 使用
flutter create
命令创建一个新的项目:
$ flutter create myapp
$ cd myapp
复制代码
上述命令创建了一个名为myapp
的Flutter项目目录,其中包含一个使用Material Components的简单应用程序示例。
在项目目录中,你的应用程序的代码在lib/main.dart
下。
运行应用程序
- 检查是否有一个Android设备正在运行中。如果没有显示,请查看设置。
$ flutter devices
复制代码
- 使用
flutter run
命令运行应用程序:
$ flutter run
复制代码
- 如果一切正常,在应用程序建成后,您应该在您的设备或模拟器上看到您的第一个应用程序:
尝试hot reload
Flutter基于hot reload提供了一个非常快速的开发周期,可在实时运行的应用中重新加载代码而无需重新启动而导致丢失应用状态。只需对源代码进行更改,然后告诉你的编辑器或命令行工具你需要hot reload,然后在模拟器、仿真器或设备中就可以看到你的更改。
- 打开
lib/main.dart
文件 - 将字符串
'You have pushed the button this many times:'
更改为'You have clicked the button this many times:'
- 不要按“停止”按钮,请让你的应用继续运行。
- 想要查看你的更改,请保存所有文件(
cmd-s
/ctrl-s
),或者点击Hot Reload 按钮(带有闪电图标的按钮钮)。
您在运行的应用程序中应该几乎立即看到字符串的更新。
Next
转载于:https://juejin.im/post/5a9cecb56fb9a028c9798c64
[Flutter]启动:调试运行相关推荐
- 试图运行项目时出错,无法启动调试。没有正确安装调试器,请运行安装程序安装或恢复调试器。...
用Visual Studio.net 2003调试项目时,出现错误对话框,显示如下: 试图运行项目时出错,无法启动调试.没有正确安装调试器,请运行安装程序安装或恢复调试 ...
- VS.NET提示试图运行项目时出错:无法启动调试。绑定句柄无效解决办法
也许是我迟发现了,总之我是刚刚才遇到这个问题的,挺不爽的,从模板新建的项目,未添加一行代码却出现了调试错误.(不用调试倒没事)有点郁闷. 还好,(感谢一下发明搜索引擎的人)百度给了我解决方案,不好意思 ...
- “项目运行时出错,无法启动调试。绑定句柄无效”的解决办法
突然发现VS2005简体中文版不能调试,提示:"项目运行时出错,无法启动调试.绑定句柄无效." 结果重装.NET2.0也无效,又重装VS2005一次也无效,费了很大的周折,终于在 ...
- Visual Studio 2005 提示“试图运行项目时出错:无法启动调试。绑定句柄无效”~[解决方案]...
如果VS提示"试图运行项目时出错:无法启动调试.绑定句柄无效"时, 解决方案有两种: 一.将项目属性里调试 --〉取消 启用 Visual Studio 宿主进程 二.将Termi ...
- 试图运行项目时出错,无法启动调试,绑定句柄无效.
C#2005学习版写应用程序的时候,出现:试图运行项目时出错,无法启动调试,绑定句柄无效. 这主要是由于terminal Services没有启动 运行[Services.msc]改变[termina ...
- 试图运行项目时出错,无法启动调试。没有正确安装调试器--很多次都是上网找了很多资料,都很难解决
试图运行项目时出错,无法启动调试.没有正确安装调试器.请运行安装程序安装或修复调试器 收藏 对于这样的问题,出现很多次,很多次都是上网找了很多资料,都很难解决,只好重装IIS或者是.NET. 通过网上 ...
- 【转】“无法在Web服务器上启动调试。您不具备调试此应用程序的权限,此项目的URL位于Internet区域”错误提示的解决...
错误提示: 无法在Web服务器上启动调试.您不具备调试此应用程序的权限,此项目的URL位于Internet区域 一般用下面的方法可以解决: 1:确认在"配置属性"中的"启 ...
- 无法在WEB服务器上启动调试,Web 服务器配置不正确
访问IIS元数据库失败 思考可能是次序出了问题,解决 1.打开CMD,进入 C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727 2.输入 aspnet_r ...
- Qt Creator启动调试器
Qt Creator启动调试器 启动调试器 以不同的模式启动调试器 以启动内部模式启动 以启动外部模式启动 以附加模式启动 在流程启动时附加到流程 在核心模式下启动 在后期模式下启动 远程调试 使用G ...
最新文章
- 基因测序的回顾与展望
- 产业|MIR睿工业:2018年机器人市场分析报告
- Windows下Oracle 11g创建数据库
- 创业第一站丨产品经理、海归转型成创业者有多难?
- Windows下Mysql 的安装和卸载
- 第九篇: 服务链路追踪(Spring Cloud Sleuth)(Finchley版本)
- java删除xml文件中尖括号之外的内容
- 360浏览器 - 自定义切换内核 meta标签 总结
- 使用T—SQL语句操作数据库
- 最少点字典序最短路径_LeetCode 89,因为题目晦涩而被点了1500+反对的搜索问题...
- mysql简单命令行操作以及环境变量的配置
- c++读取文本文件里的指定位置的字符_(12)文本文件操作参考
- 转载-计算机基础教程之屏蔽软件联网
- centos7 C++ 使用libjpeg-turbo (让jpg 转bmp以及bmp转jpg)
- 【学习笔记】Android Fragments
- 对 云寻觅贴吧(http://tieba.yunxunmi.com/)的简要分析
- win10 nginx部署前端项目(静态资源服务器和HTML)
- C语言中统计英文单词的个数
- 【拓扑排序+dp】Hzy's Rabbit Candy
- MMA-mathematica数值求解非线性偏微分方程组
热门文章
- cos(x)求导为什么是-sin(x)?
- 【大数据-文摘笔记】Veritas NBU简介
- linux ping -w 命令,ping命令--Linux命令应用大词典729个命令解读
- 菜鸟的Linux上手指南
- Kindle所不为人知的一面
- 计算机考研备考指南,计算机考研备考指南
- R语言绘图——Graphics包
- 【题解】2073: [POI2004]PRZ
- uni-app使用axios
- 老式计算机如何设置u盘启动,老式的电脑,可以用U盘装系统吗?我在bios里怎么没找到U盘开启?...