Flutter安装入门教程

### 前言 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.com 2.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)

你可能感兴趣的:(Flutter安装入门教程)