亲历一次vscode搭建flutter开发环境

发布时间:2019-07-13 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了亲历一次vscode搭建flutter开发环境脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

写在前面
目前市面上有很多APP开发工具、框架。原生、ionic、weex、react-native、mui...都有亲历的项目,各有各的辛酸。前几天偶然听说flutter,据说是个曙光。一贯的原则,管他三七二十一,hello world跑起来再说。这篇文章记录了整个环境的大家过程。同时我新建了一个群,方便讨论。点此加入或者:521354188

准备工作

以windows为例,:
1、安装vscode(相信大家都安装了)
2、android sdk(我是andROId studio开发过所以带着)
3、安装java(配环境变量)
4、gIT(没有也行,相信大家都安装了)

Clone the repo

先把flutter clone下来

git clone -b beta https://github.COM/flutter/flutter.git

执行clone直接成功的概率很低,失败的情况下重新ctrl+c,然后再次执行。如果还不成功直接去github上下载吧。效果一样,这就是上面说的git可以不装。如果 完成后找到目录应该如下图:

亲历一次vscode搭建flutter开发环境

完成后,直接在cmd里执行flutter是没戏的,因为没配置系统环境变量,把你的“flutter目录+bin”这个路径加到系统的环境变量中。

自动初始化

cmd执行

flutter doctor

等待完成即可,同样的问题也是不太容易成功,多试几次就行。实在不行找我。 成功后可以看到如下界面:

亲历一次vscode搭建flutter开发环境


开发语言是dart 下载dart 需要点时间的。实在不成功找我,反正我成功了的。
至此,基本完成了,现在就差vscode的配置了。

vscode配置
首先下载dart code插件

亲历一次vscode搭建flutter开发环境

如果报错,在setting中加上

"java.home": "D:\PRogram Files\Java\jdk1.8.0_161"

接下来就可以执行:

flutter create xxxx

创建你的第一个项目了。

补充说明

问题比较多的地方就是下载,你各种办法想尽,还不如直接科学上网一下。 如果那个实在下载不下来,找我!我发给你!省事

第一大疑问

我才几行代码,打包后居然有20M++, 实在是匪夷所思....骚猴如果解决了,我再发帖!

脚本宝典总结

以上是脚本宝典为你收集整理的亲历一次vscode搭建flutter开发环境全部内容,希望文章能够帮你解决亲历一次vscode搭建flutter开发环境所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。