Flutter环境配置

Flutter、Golang、Python、编译原理、算法、Chrome原理学习系列文章抢先看请关注【码农帮派】：

 

Flutter的开发需要安装Fluuter SDK，下面分别介绍如何在Windows、MacOS以及Linux三个平台上搭建Flutter开发环境。

配置Flutter国内镜像

国内Flutter镜像目前常用的有两个，一个是Flutter官方社区中国镜像，另外一个是上海交通大学Linux用户组的镜像，下面使用Flutter官方中国镜像搭建Flutter开发环境。

Flutter官方社区镜像

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

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

上海交通大学Linux用户组的Flutter镜像

FLUTTER_STORAGE_BASE_URL: https://mirrors.sjtug.sjtu.edu.cn

PUB_HOSTED_URL: https://dart-pub.mirrors.sjtug.sjtu.edu.cn

 

配置环境变量

Windows

(1). 打开 计算机 -> 属性 -> 高级系统设置 -> 环境变量，打开环境变量设置框；

(2). 在用户变量下，选择 新建环境变量， 添加下面两个环境变量:

 

变量名 ->  值

FLUTTER_STORAGE_BASE_URL   ->   https://storage.flutter-io.cn

PUB_HOSTED_URL    ->      https://pub.flutter-io.cn

Linux

(1). 打开bashrc文件：

->  vim ~/.bashrc

(2). 添加Flutter环境变量

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

(3). 保存并刷新配置文件

-> source ~/.bashrc

 

MacOS

(1). 打开bash_profile文件

->  vim ~/.bash_profile

(2). 添加Flutter环境变量​​​​​​​

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

(3) 保存并刷新配置文件

-> source ~/.bash_profile

 

FlutterSDK安装

Windows

(1). 下载安装git

(2). 下载Android Studio，并配置好Android的开发环境

(3). 下载Flutter SDK, 下载链接: 

https://flutter.dev/docs/development/tools/sdk/releases?tab=windows

将下载到的zip包解压到一个文件目录下(这里为了统一,放在 D:\sdk\flutter)

【注意】上面是将解压之后的文件夹名称改为flutter，放在路径 D:\sdk文件下。

 

(4). 配置Flutter SDK的环境变量

在 计算机 -> 属性 -> 高级系统设置 -> 环境变量 中，打开环境变量设置框，在 用户变量 下，选择Path，在原有的值之后添加第3步中Flutter Sdk的路径(D:\sdk\flutter\bin)

【注意】如果Path变量已存在，则在原有的值后面添加 ; , 然后将Flutter SDK的完整路径添加上；要是没有Path变量，则需要新建一个Path变量，将Flutter SDK的完整路径当作该Path变量的值添加上。

 

(5) 检查Flutter环境配置

在命令行运行：

-> flutter doctor

若果看到下面的输出结果，则说明Flutter开发环境已搭建完成：

 

Linux

(1). 下载安装git

(2). 下载Android Studio，并配置好Android的开发环境

(3). 下载Flutter SDK, 下载链接: 

https://flutter.dev/docs/development/tools/sdk/releases?tab=linux

将下载到的tar包解压到某一个文件目录下(这里为了统一放在~/DevTools/flutter 目录下)

 

(4). 配置Flutter环境变量

打开 bashrc文件进行:

-> vim ~/.bashrc

将FlutterSDK的路径添加进去：

export PATH=$PATH:~/DevTools/flutter/bin

保存bashrc文件，并刷新生效:

-> source ~/.bashrc

(5). 检查Flutter环境配置

在命令行运行：

-> flutter doctor

若果看到下面的输出结果，则说明Flutter开发环境已搭建完成：

 

MacOS

(1). 下载安装git

(2). 下载Android Studio，并配置好Android的开发环境

(3). 下载Flutter SDK, 下载链接: 

https://flutter.dev/docs/development/tools/sdk/releases?tab=macos

将下载的zip包解压到某个文件夹路径下(为了统一放在/Users/xxxxxxx/Documents/DevTools/flutter下)

 

(4). 配置Flutter环境变量

打开bash_profile文件：

-> vim ~/.bash_profile

添加FlutterSDK的路径​​​​​​​

export FLUTTER_HOME=/Users/xxxxxxx/Documents/DevTools/flutterexport PATH=$PATH:$FLUTTER_HOME/bin

 

保存并刷新文件:

-> source ~/.bash_profile

(5) 检查Flutter环境配置

在命令行运行：

-> flutter doctor

若果看到下面的输出结果，则说明Flutter开发环境已搭建完成：

 

 

Flutter环境配置中的一些常见问题:

(1) 

• Some Android licenses not accepted

• Android toolchain - develop for Android devices

上面的提示说明本地Android证书有问题，运行下面的命令修复这个问题：

flutter doctor --android-licenses

 

(2) 

• iOS toolchain - develop for iOS devices

此时命令行中会有相应的修复方法，照做就可以了。