亲历一次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可以不装。如果 完成后找到目录应该如下图:

下载flutter后所看到的的目录

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

自动初始化

cmd执行

flutter doctor

等待完成即可,同样的问题也是不太容易成功,多试几次就行。实在不行找我。 成功后可以看到如下界面:
flutter doctor 执行成功后看到的界面
开发语言是dart 下载dart 需要点时间的。实在不成功找我,反正我成功了的。
至此,基本完成了,现在就差vscode的配置了。

vscode配置
首先下载dart code插件

图片描述

如果报错,在setting中加上

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

接下来就可以执行:

flutter create xxxx

创建你的第一个项目了。

补充说明

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

第一大疑问

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值