开始使用-初尝胜果
2018-03-11 00:00
351 查看
摘要: 开始使用-初尝胜果
本页介绍如何“测试驱动器”Flutter:从我们的模板创建一个新的Flutter应用程序,运行它,并学习如何使用Hot Reload进行更改。
Flutter是一个灵活的工具包,所以请首先选择您的开发工具来编写,构建和运行您的Flutter应用程序。
创建新的应用
选择File>New Flutter Project
选择 Flutter application程序作为项目类型,然后按下一步
输入项目名称(例如myapp),然后按下一步
点击Finish
等待Android Studio安装SDK并创建项目。
上述命令创建一个名为myapp的Flutter项目目录,其中包含一个使用Material Components的简单演示应用程序。
在项目目录中,您的应用程序的代码位于lib / main.dart中。
2。在目标选择器中,选择一个运行该应用的Android设备。 如果没有列出可用,请选择Tools>Android>AVD Manager并在那里创建一个。 有关详细信息,请参阅管理AVD。
3.单击工具栏中的Run图标,或调用菜单项Run > Run。
4.如果一切正常,您应该在您的设备或模拟器上看到您的初学者应用程序:
1.更改字符串
2.不要按“Stop”按钮; 让您的应用继续运行。
3.要查看您的更改,请调用Save All(cmd-s / ctrl-s),或单击Hot Reload按钮(带有闪电图标的按钮)。
您应该几乎立即在运行的应用程序中看到更新的字符串。
创建新的应用
使用flutter create命令创建一个新项目:
上述命令创建一个名为myapp的Flutter项目目录,其中包含一个使用Material Components的简单演示应用程序。
在项目目录中,您的应用程序的代码位于lib / main.dart中。
使用flutter run命令运行该应用程序:
如果一切正常,在应用程序建成后,您应该在您的设备或模拟器上看到您的初学者应用程序:
1.更改字符串
2.不要按“Stop”按钮; 让您的应用继续运行。
3.要查看您的更改,请调用Save All(cmd-s / ctrl-s),或单击Hot Reload按钮(带有闪电图标的按钮)。
您应该几乎立即在运行的应用程序中看到更新的字符串。
下一步
让我们通过创建一个小应用来学习一些核心的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中。
运行应用程序
1.找到Android Studio的主工具栏:2。在目标选择器中,选择一个运行该应用的Android设备。 如果没有列出可用,请选择Tools>Android>AVD Manager并在那里创建一个。 有关详细信息,请参阅管理AVD。
3.单击工具栏中的Run图标,或调用菜单项Run > Run。
4.如果一切正常,您应该在您的设备或模拟器上看到您的初学者应用程序:
尝试一个热重新加载
Flutter提供快速开发周期和热重载,可重新加载实时运行应用的代码而无需重新启动或丢失应用状态。 只需对源代码进行更改,告诉IDE或命令行工具即可重新加载,并查看模拟器,仿真器或设备中的更改。1.更改字符串
'You have pushed the button this many times:'更改为
'You have clicked the button this many times:'
2.不要按“Stop”按钮; 让您的应用继续运行。
3.要查看您的更改,请调用Save All(cmd-s / ctrl-s),或单击Hot Reload按钮(带有闪电图标的按钮)。
您应该几乎立即在运行的应用程序中看到更新的字符串。
命令行+自选编辑器
命令行+编辑器:您选择的编辑与Flutter的命令行工具结合运行和建设。创建新的应用
使用flutter create命令创建一个新项目:
$ flutter create myapp $ cd myapp
上述命令创建一个名为myapp的Flutter项目目录,其中包含一个使用Material Components的简单演示应用程序。
在项目目录中,您的应用程序的代码位于lib / main.dart中。
运行应用程序
检查Android设备是否在运行。 如果没有显示,请参阅设置。$ flutter devices
使用flutter run命令运行该应用程序:
$ flutter run
如果一切正常,在应用程序建成后,您应该在您的设备或模拟器上看到您的初学者应用程序:
尝试一个热重新加载
Flutter提供快速开发周期和热重载,可重新加载实时运行应用的代码而无需重新启动或丢失应用状态。 只需对源代码进行更改,告诉IDE或命令行工具即可重新加载,并查看模拟器,仿真器或设备中的更改。1.更改字符串
'You have pushed the button this many times:'更改为
'You have clicked the button this many times:'
2.不要按“Stop”按钮; 让您的应用继续运行。
3.要查看您的更改,请调用Save All(cmd-s / ctrl-s),或单击Hot Reload按钮(带有闪电图标的按钮)。
您应该几乎立即在运行的应用程序中看到更新的字符串。
下一步
让我们通过创建一个小应用来学习一些核心的Flutter概念。
相关文章推荐
- C#-MVC开发微信应用(1)--开始使用微信接口
- 快速入门一、开始使用SpeedPHP
- 如何忘却jQuery,开始使用JavaScript原生API
- 使用 AppFuse 快速构建 J2EE 应用---快速开发,从 AppFuse 开始
- 编程小白的第一本 python 入门书 学习笔记07 第八章 开始使用第三方类库
- 开始使用Mac OS X——写给Mac新人
- 学习EXT第四天--开始使用Grid
- 【慕课笔记】3-1 应用SAX方式解析XML—使用SAX解析XML文件的开始和结束
- 开始使用VIM
- 开始使用Keepass 管理密码
- WF4.0 基础篇 (一)开始使用WF
- 使用layui日期控件laydate对开始和结束时间进行联动控制
- window 开始运行指令(方便使用而已)
- 开始使用centos6
- 开始使用这个感觉上很专业的blog~
- Qt Quick 译05 - 开始使用QML编程(3)
- 开始使用SQLServer2005,没用过MSDE,一开始还不知道怎么下手呢,呵呵
- Qt Quick 译05 - 开始使用QML编程(4)
- node.js + MongoDB + AngularJS - 3 开始使用Node.js
- 乱译文档--开始使用Musca