Flutter安装入门教程
程序员文章站
2022-04-15 09:08:12
### 前言 Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。 我本人也是非常安好Flutter,所以也进入到了F ......
### 前言
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)
推荐阅读
-
Premiere CC 2019图文安装和注册补丁的使用方法
-
T20天正建筑5.0最新版无限使用一键破解安装教程(附补丁下载)
-
google浏览器安装插件的图文方法介绍
-
ACDSee Ultimate/Pro 2019专业版/旗舰版安装激活破解教程(附注册码)
-
Alien Skin Exposure X4+Bundle注册破解详细安装教程(附破解下载)
-
森林插件Itoo Forest Pack Pro for 3ds Max2019破解版详细安装教程(附下载)
-
Alien Skin Exposure x3 汉化破解版详细安装图文步骤
-
Python的Flask框架的简介和安装方法
-
Python下的常用下载安装工具pip的安装方法
-
Vmware 7.1.x安装时出现的"already installed"错误解决方法