Flutter学习笔记：搭建Flutter开发环境
Posted howard2005
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Flutter学习笔记：搭建Flutter开发环境相关的知识，希望对你有一定的参考价值。
文章目录
一、Flutter概述
- Flutter是谷歌的移动UI框架，可以快速在ios和android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界，Flutter正在被越来越多的开发者和组织使用，并且Flutter是完全免费、开源的。
- 要搭建Flutter开发环境，需要安装配置Git、Android Studio、Android SDK以及Android虚拟机
| 软件 | 根目录 | 重要子目录 |
|---|---|---|
| Git | C:\\Program Files\\Git | C:\\Program Files\\Git\\cmd |
| Android Studio | D:\\Android\\Android Studio | |
| Android SDK | D:\\Android\\Sdk | D:\\Android\\Sdk\\tools\\bin |
| Flutter | D:\\flutter | D:\\flutter\\bin D:\\flutter\\bin\\cache\\dart-sdk\\bin |
二、安装Git for Windows
- 如果不安装
Git并配置好环境变量，后面运行flutter doctor时将出现Unable to find git in your PATH错误。
（一）下载Git
（二）安装Git
- 双击Git安装程序图标，进入安装向导
- 选择安装位置
- 选择安装组件
- 选择开始菜单文件夹
- 选择Git默认使用的编辑器
- 让Git决定初始分支的名称
- 调整你的PATH环境变量
- 选择SSH可执行文件
- 选择HTTPS传输后端
- 配置行尾转换器
……采用默认配置，一路单击【Next】按钮
- 单击【Finish】按钮，完成Git安装
（三）配置环境变量
- Path变量：添加
C:\\Program Files\\Git\\cmd
（四）命令行运行Git
- 在命令行，执行
git --version，查看Git版本
三、安装Android Studio
（一）下载Android Studio
- 下载网址：https://developer.android.google.cn/studio/
- 单击【Download Android Studio】按钮
- 勾选“I have read and agree with the above terms and conditions”复选框，单击【Download Android Studio Bumblebee 2021.1.1 Patch 2 for Windows】按钮
（二）安装Android Studio
-
双击安装程序图标，进入安装向导
-
选择组件
-
选择安装位置
-
选择开始菜单文件夹
-
单击【Install】按钮，进行安装
-
安装完成
-
单击【Next】按钮
-
单击【Finish】按钮，就完成了Android Studio的安装
（三）启动Android Studio
-
双击桌面Android Studio图标（或者通过开始菜单也可以启动）
-
显示安卓欢迎窗口
-
单击【Next】按钮，然后选择自定义安装类型
-
选择缺省JDK位置
-
选择UI主题
-
SDK组件安装，注意：Android SDK的安装位置 -
D:\\Android\\Sdk（这个目录是需要用户自己创建的）
-
检验设置
-
模拟器设置
-
许可证协议，选择【Accept】单选按钮
-
单击【Finish】按钮，开始下载组件，直到下载完成
-
单击【Finish】按钮
-
注意：Android Studio和Android Sdk的安装位置
（四）创建Android Studio项目
- 在【Welcome Android Studio】窗口里，单击【New Project】按钮
- 选择
Empty Activity
- 设置项目信息（
D:\\AndroidStudioProjects是用户自己创建的）
- 单击【Finish】按钮
（五）安装SDK工具
-
单击工具栏上的【SDK Manager】按钮，打开SDK管理器
-
单击【SDK Tools】选项卡，勾选红框中的工具
-
单击【OK】按钮，勾选【Accept】单选按钮
-
单击【Next】按钮，安装请求的组件
-
模拟器设置，采用默认值
-
许可证协议，勾选【Accept】按钮
-
单击【Next】按钮，调用安装程序，直到安装完成
-
单击【Finish】按钮
-
单击【Finish】按钮，完成按钮
（六）安装Flutter插件
- 打开设置对话框，在插件搜索框里输入
flutter，找到Flutter插件
- 单击【Install】按钮
- 单击【Restart IDE】按钮，此时
New菜单下会有New Flutter Project...选项
（七）创建安卓虚拟机
-
单击工具栏上的【Device Manager】按钮，打开设备管理器
-
单击【Create virtual device】链接，选择设备 -
Pixel 4 XL（用户可选择自己喜欢的机型）
-
选择系统映像 -
API 32
-
单击【Download】链接，安装请求的组件
-
单击【Finish】按钮
-
单击【Next】按钮，校验配置
-
单击【Finish】按钮
-
启动安卓虚拟机
（八）配置环境变量
- Path环境变量添加
D:\\Android\\Sdk\\tools\\bin
四、安装Flutter SDK
（一）下载Flutter SDK
- 从GitHub下载（
git clone -b master https://github.com/flutter/flutter.git）
- flutter压缩包下载链接：https://pan.baidu.com/s/1DUbkzR5ZjnN-Nwb8xYyUdQ 提取码：ojwp
（二）给Flutter配置环境变量
- Path变量添加
–D:\\flutter\\bin
–D:\\flutter\\.pub-cache\\hosted
–D:\\flutter\\bin\\cache\\dart-sdk\\bin
（三）启动Flutter命令行
- 找到Flutter安装目录里
flutter_console.bat
- 双击运行并启动flutter命令行
（四）测试是否安装成功
- 在Flutter命令行执行
flutter doctor，查看是否需要安装任何依赖项来完成安装
- 有两个问题：一个是无法定位Android SDK；一个是没有安装Visual Studio
1、解决无法定位Android SDK的问题
- 执行命令：
flutter config --android-sdk D:\\Android\\Sdk
2、解决没有安装Visual Studio的问题
-
双击安装程序图标进入安装向导
-
选择目标位置
-
选择菜单文件夹
-
选择附加任务
-
准备安装
-
正在安装
-
安装完成
-
运行Visual Studio Code
-
可以安装语言包并将显示语言更改为中文，但是此处我们不汉化。
-
再次执行
flutter doctor，还是存在一个关于安卓许可证的接受问题
-
执行命令
flutter doctor --android-licenses，一路按y，同意下去
-
最后提示：
All SDK package licenses accepted，那就解决了安卓SDK包许可证问题 -
再次执行
flutter doctor，一切OK！
五、创建并运行Flutter项目
- 单击【File | New | New Flutter Project…】
- 设置项目信息（项目名不能用大写字母，建议用下划线连接小写单词）
- 单击工具栏上的运行按钮
以上是关于Flutter学习笔记：搭建Flutter开发环境的主要内容，如果未能解决你的问题，请参考以下文章
Flutter 开发环境搭建Unable to ‘pub upgrade‘ flutter tool. Retrying in five seconds...
Flutter 开发环境搭建Unable to ‘pub upgrade‘ flutter tool. Retrying in five seconds...