今天看啥  ›  专栏  ›  勤于奋

Flutter开发第一个项目android studio 开发工具的使用说明

勤于奋  · 掘金  ·  · 2019-10-28 07:42

文章预览

阅读 24

Flutter开发第一个项目android studio 开发工具的使用说明

做个自我介绍

自我介绍还是有必要介绍一下的,毕竟这是网络里,你看不到我,我看不到你,只能通过文字来传递信息,本人做技术8年多,一直在一线跟产品后端打交道,实现各种需求,本人喜欢写作,喜欢看书,如果喜欢我的可以关注我公众号:qinyufencom,搜索技术刚刚好。一起努力,一起成长,一起写代码。

第一个项目全新界面图

对第一个项目的认识还是很有必要的,当我们打开androidstuido工具,看过我之前写的文章,应该已经知道怎么安装Flutter的开发环境了,新建项目打开就是这个页面了,这就是一个Flutter项目的主界面。

当一个项目运行后我们要看的地方

Console窗口我们是要学习一下的,这个窗口显示当前项目的一些启动信息,安装过程输出,比如安装到的目标设备显示,Syncing files to device INE AL00...。如果启动失败可以在这个窗口看看。

启动按钮、启动程序

当我们点击这个按钮就启动程序啦,接下来就可以去手机看看启动的效果了。

安卓手机就启动了一个程序。

除了正常启动还有一个启动,体验热重载

Flutter 可以通过 热重载(hot reload) 实现快速的开发周期,热重载就是无需重启应用程序就能实时加载修改后的代码,并且不会丢失状态(译者语:如果是一个web开发者,那么可以认为这和webpack的热重载是一样的)。简单的对代码进行更改,然后告诉IDE或命令行工具你需要重新加载(点击reload按钮),你就会在你的设备或模拟器上看到更改。

将字符串 'You have pushed the button this many times:' 更改为 'You have clicked the button this many times:' 不要按“Stop”按钮; 让您的应用继续运行。 要查看您的更改, 只需调用 Save All (cmd-s / ctrl-s), 或点击 热重载按钮 (带有闪电⚡️图标的按钮). 你就会立即看到更新后的字符串。

我们主要的工作在在项目目录中,您应用程序的代码位于 lib/main.dart.

大部分时间我们要面对的就是lib下的这个文件夹,后续的所有代码都写在这个里面。逻辑。

总结

今天就算是接触了第一个程序,大致知道我们写Flutter项目的一个流程,只要做Flutter项目开发,就要知道这几个步骤就行了。然后在里面写逻辑,写界面就OK了。如果大家喜欢我,愿意跟我一起成长,欢迎关注我,公众号:qinyufencom 技术刚刚好

………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览