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.cn
export 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.cn
export 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/flutter
export 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
此时命令行中会有相应的修复方法,照做就可以了。