Flutter 环境配置 插件 安装全过程

Flutter环境安装配置和插件的步骤

想做Flutter开发，需要先配置Flutter环境还有插件，以下就是Flutter在Windows下AndroidStudio中的配置，跟着步骤走。你会成功

一共四步就可以创建咱们的Flutter工程了

目录

Flutter环境安装配置和插件的步骤

1、配置临时镜像

2、安装git

3、下载FlutterSDK

4、安装Flutter插件

 

1、配置临时镜像

首先，由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，大家可以将如下环境变量加入到用户环境变量中：

代码如下：

export PUB_HOSTED_URL=https://pub.flutter-io.cn

export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

如下图：

 

 

2、安装Git

要安装并运行Flutter，你的电脑必须要安装Git。且git的bin目录需要需要在系统变量中的Path配置，

如，我的git的目录是C:\Program Files\Git\bin

然后，将这个目录配置到系统环境变量中的Path路径下：如下图

如果还没有安装git的小伙伴，去下面地址下载就好了。

https://git-scm.com/downloads

 

 

3、安装FlutterSDK

去flutter官网下载其最新可用的安装包，（需要翻墙，就不再这里粘贴了，看下面介绍）

注意，Flutter的渠道版本会不停变动，请以Flutter官网为准。另外，在中国大陆地区，要想正常获取安装包列表或下载安装包，可能需要翻墙，

咱们就去Flutter github项目下下（https://github.com/flutter/flutter/releases）

3.1 解压

将你下载完的zip压缩文件，解压到你想安装的目录下（此处注意，尽量不要出现中文目录），（如：C:\src\flutter；注意，不要将flutter安装到需要一些高权限的路径如C:\Program Files\）

将这个解压即可，

3.2  更新Flutter环境变量

解压完以后，想要运行Flutter和命令的话，还需要配置环境变量，配置如下：

在环境变量中，找到用户变量，并检查是否有Path变量

如果该条目存在, 追加 flutter\bin的全路径，使用 ; 作为分隔符

如果条目不存在, 创建一个新用户变量 Path ，然后将 flutter\bin的全路径作为它的值

如果配置完成，重启Windows以应用此更改。（尴尬）

重启完电脑后，打开CMD命令窗口，输入命令：flutter doctor

运行完以后，不出意外，应该出现下图展示：

但是也会出现下图：

这个图是说，你刚刚下载的flutter SDK不是最新版本的，你需要用git重新拉取以下flutter SDK代码，

找到你想要安装的Flutter目录，把之前的删除掉，在目录下，用git命令，

执行git clone -b stable https://github.com/flutter/flutter.git(命令手敲的，如果错误了，大家按cmd命令行提示命令敲一遍)

等待下载完毕以后，重新执行之前配置环境变量的操作，重新配置以下环境变量

配置完以后，打开新CMD窗口，继续执行之前操作：flutter doctor

出现这个，他自动下载sdk了，等他几分钟就好了。

等待下载完，后，会出现如下图：

好了，我这里提示了三次错误，想必大家都会出现，第一个错误，就是提示咱们没有配置AndroidSDK环境变量，

大家先找到自己的SDK安装目录，下面准备配置咱们的sdk环境变量。

找到目录（我的目录是这样的：D:\Program Files\AndroidSDK）

在系统环境变量中，添加ANDROID_HOME = D:\Program Files\AndroidSDK;

然后，在系统变量Path路径下，添加SDK中tools和platform-tools目录，如下图（自己找）：

 

把这两个目录配置到系统变量Path中，如下图：

 

到这里，就可以了，不确定的小伙伴，重新打开cmd窗口，然后执行：flutter doctor命令，你会发现之前的关于sdk的错误就消失了。

下面就安装Flutter和Dart的插件了。

 

4、安装Flutter、Dart插件

 

1、启动Studio

2、打开插件首选项 (Preferences>Plugins on macOS, File>Settings>Plugins on Windows & Linux).

3、选择 Browse repositories…, 选择 Flutter 插件并点击 install.

4、重启Android Studio后插件生效.

等待重启完以后，重新执行之前的命令，打开cmd命令窗口，执行之前命令：flutter doctor

然后你就会看到：

到这里，大功告成，抓紧去Studio中创建一个属于自己的Flutter工程吧。如果还有问题的小伙伴，可以留下邮箱，给你详细的在说一下