资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

vscode编写和使用flutter应用的方法

小编给大家分享一下vscode编写和使用flutter应用的方法,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于成都网站设计、做网站、连云网络推广、微信小程序定制开发、连云网络营销、连云企业策划、连云品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供连云建站搭建服务,24小时服务热线:028-86922220,官方网址:www.cdcxhl.com

vscode编写和使用flutter应用的方法是:

1、配置插件

需要在vscode中下载插件

vscode编写和使用flutter应用的方法

vscode编写和使用flutter应用的方法

找到这两个插件下载好并重新加载vscode就可以了。

2、运行

flutter项目的运行命令是 flutter run
但是flutter和react-native不同的是,flutter run之后会检测是否连接设备,如果没有已连接的设备会不往下运行。
你可以通 flutter devices, 当然你配置了android的环境的话,也可以用dab命令, adb devices。

在项目运行起来后,在下方的终端会有一些输出信息,编译耗时、打debug包、安装等。
还有有一些提示信息

vscode编写和使用flutter应用的方法

当你需要热加载的时候按 r,需要重启应用按R。
所以当我们每一次写好代码保存后,只要再按一下r,就可以看到最新的效果,而且flutter的热加载比rn的更快。

3、写第一个flutter应用

按照flutter中文网(https://flutterchina.club/get-started/codelab/)
写我们第一个flutter应用。
其中我个人碰到一个问题。
就是在第2步、使用外部package中,

vscode编写和使用flutter应用的方法

在pubspec.yaml文件中申明了插件依赖,保存之后自动下载了,然后在main.dart文件中引用该插件,发现没有自动补全提示,我手写全部路径,提示找不到。
然后重新打开vscode才好,应该是vscode对这个以来的读取问题。

然后是接着照着中文的代码写。flutter的也有state,据说是根据react中的state来的想法加入的。

个人体会

flutter项目比rn流畅,编译快,热加载快,应用运行也更流畅,但dart语法是真蛋疼

fluuter中文网写的文档感觉也不是很友好,很多关键的东西写的不够具体、甚至没写。
没有对state这个做解释、没有state的使用说明,然后那个路由也是。

看完了这篇文章,相信你对vscode编写和使用flutter应用的方法有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前文章:vscode编写和使用flutter应用的方法
转载注明:http://cdkjz.cn/article/jphopp.html
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

业务热线:400-028-6601 / 大客户专线   成都:13518219792   座机:028-86922220