### 前言Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。我本人也是非常安好Flutter,所以也进入到了Flutter学习行列啦,今天主要讲一下Flutter的安装,具体包括:- Flutter需要配置的工具- Flutter SDK下载- Flutter环境变量的配置- 插件安装(Fultter与Dart)- 创建一个Flutter项目### Flutter工具配置######1. Git我们需要下载Git直接去Git官网配置,地址:https://git-scm.com2.Android开发工具:Android Studio下载下载地址:https://developer.android.google.cn/studio/### Futter SDK下载使用Git克隆仓库下载,找一个全英文路径(无空格)点击右键找到Git Bash![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093348389-2100776084.png)输入下面命令:>git clone -b master https://github.com/flutter/flutter.git注意,其中的master代表的是分支![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093350411-212929841.png)### 环境变量配置这里以WIN10为例:右键点击我的电脑--->属性--->高级系统设置--->环境变量--->双击path--->编辑文本![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093352441-1026037347.png)在后面以";"号隔开添加flutter路径![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093354413-935522669.png)成功之后在终端窗口输入:```flutter docator```如果提示错误,可以重启一下机器,再次尝试 然后就会出现下面所示的内容:![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093357419-1521483953.png)显示我们的Flutter插件与Dart 插件没有安装 ,这个是正常的 !###插件安装(Fultter与Dart)以开发工具Android Studio为例:###### Flutter插件点击Android Studio ---> File ---> Settings ---> Plugins![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093359426-2010804292.png)###### Dart插件 同理### 创建一个Flutter项目File--->New--->New Flutter Project![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093401420-1637467108.png)然后输入项目名称等等信息,就创建成功了![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093403377-713981288.png)![](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093405375-1212039865.jpg)大家可以关注我的微信公众号:「秦子帅」一个有质量、有态度的公众号!![公众号](https://img2018.cnblogs.com/blog/1312938/201909/1312938-20190905093408439-604468360.jpg)
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请
点击举报。