前言
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
![c02726f529a1047ef211d8fcfadcfbed.png](https://i-blog.csdnimg.cn/blog_migrate/493494a100ff81d052daee627112fa7d.jpeg)
输入下面命令:
git clone -b master https://github.com/flutter/flutter.git
注意,其中的master代表的是分支
![0e4c66670be5fae783aa0d28c721bc18.png](https://i-blog.csdnimg.cn/blog_migrate/58e7f489ffd906dc276aec0a46952ae7.jpeg)
环境变量配置
这里以WIN10为例:右键点击我的电脑--->属性--->高级系统设置--->环境变量--->双击path--->编辑文本
![b2ee4e00aabb05321d2e8b1b945b8947.png](https://i-blog.csdnimg.cn/blog_migrate/9839c8f83ffe761bcc4ca89c9192575d.jpeg)
在后面以";"号隔开添加flutter路径
![2c2eb42350e301ffd70b3377e3a483da.png](https://i-blog.csdnimg.cn/blog_migrate/6e9cd3469707517f9cb6d3c570723576.jpeg)
成功之后在终端窗口输入:
flutter docator
如果提示错误,可以重启一下机器,再次尝试
然后就会出现下面所示的内容:
![5c9121a89b9b283d9dfe59703382022e.png](https://i-blog.csdnimg.cn/blog_migrate/7ead7095a425518e4058c2b89c1b6b49.jpeg)
显示我们的Flutter插件与Dart 插件没有安装 ,这个是正常的 !
插件安装(Fultter与Dart)
以开发工具Android Studio为例:
Flutter插件
点击Android Studio ---> File ---> Settings ---> Plugins
![4536080e72361b956615645eefc14409.png](https://i-blog.csdnimg.cn/blog_migrate/b2e723a6efc8161b1cd8bae0600f18ec.jpeg)
Dart插件 同理
创建一个Flutter项目
File--->New--->New Flutter Project
![89e4645d4e5500f97960587127637aa4.png](https://i-blog.csdnimg.cn/blog_migrate/4f8df8b15455698a1371a126cc614e8b.jpeg)
然后输入项目名称等等信息,就创建成功了
![92d48832a83ae3642dc5a8ddeeb9874a.png](https://i-blog.csdnimg.cn/blog_migrate/5b2992fb376d790d7f5fed1152a1b7b9.jpeg)
![2475df4dd9d1a4c2a39b102c3da91de4.png](https://i-blog.csdnimg.cn/blog_migrate/1b012dd0872d8be66cdb21eee72d1ae4.jpeg)