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开发环境已搭建完成:

flutter 中 配置iOS证书 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开发环境已搭建完成:

flutter 中 配置iOS证书 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 中 配置iOS证书 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

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