Flutter系列(三)——环境搭建(Windows)

Flutter系列(三)——环境搭建(Windows)_第1张图片

Flutter系列

Flutter系列(一)——详细介绍

Flutter系列(二)——与React Native进行对比

开始正式使用Flutter之前,需要搭建环境
本文,只是针对Windwos系统,如果是MAC的话,请参考这篇文章

环境搭建 + Demo讲解

安装镜像

由于众所周知的原因,国内访问Flutter可能会收到限制,所有Flutter官方为中国开发者搭建了临时镜像,大家只需要把镜像变量加入到用户环境变量当中:

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Flutter系列(三)——环境搭建(Windows)_第2张图片

Flutter系列(三)——环境搭建(Windows)_第3张图片

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

克隆到指定的目录。

Flutter系列(三)——环境搭建(Windows)_第4张图片

但是由于网络原因经常会下载失败,为此我下载好了Flutter的SDK

下载方法
关注公众号

搜索“Demo_YangBJ

或者扫描下方二维码

Flutter系列(三)——环境搭建(Windows)_第5张图片

回复“下载”即可获得下载链接!

直接下载即可!

环境变量

下载好之后,就需要我们配置环境变量了。

Flutter系列(三)——环境搭建(Windows)_第6张图片

这个没什么好说的,编辑完环境变量,重启电脑。

cmd之后输入flutter就见到了一直心心念的界面了。

Flutter系列(三)——环境搭建(Windows)_第7张图片

插件配置

Flutter安装完之后,最后一步就是要为Android Studio增加插件了。

Flutter系列(三)——环境搭建(Windows)_第8张图片

Flutter系列(三)——环境搭建(Windows)_第9张图片

添加插件,重启,搞定!

添加Flutter SDK

添加完插件,再开发之前,我们需要吧Flutter SDK添加到Android Studio当中
Flutter系列(三)——环境搭建(Windows)_第10张图片

Flutter系列(三)——环境搭建(Windows)_第11张图片

至此,整个Flutter的环境搭建就完成了!
下一篇文章就要进入到开发阶段了

最后

Flutter已经是Top20的软件库,通过接下来的一系列的文章,希望我和大家一起来学习Flutter,一起进步,一起有所收获,掌握未来技术主流的主动权!

有什么好的建议,意见,想法欢迎给我留言!

欢迎关注公共号

关注公众号会有更多收获!

Flutter系列(三)——环境搭建(Windows)_第12张图片

动动小手指点赞,收藏,关注一键三连走一波吧!

个人微信

我们一起讨论,进步,提高!

加的人较多,请添加备注

Flutter系列(三)——环境搭建(Windows)_第13张图片

参考

https://github.com/flutter/fl...
https://flutterchina.club/set...
https://www.jianshu.com/p/169...
https://www.jianshu.com/p/1c8...
https://www.jianshu.com/p/a78...

你可能感兴趣的:(前端,flutter,flutter_swiper,android,ios)