【Flutter真香攻略】（二）环境搭建

要做开发，前提肯定是先搭建好开发环境，Flutter环境搭建比较简单，直接查看官网即可，如果不想看英文的，也可以去看Flutter中文网。

以我当前Mac环境为例，步骤如下：

一、使用镜像

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

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

注意： 此镜像为临时镜像，并不能保证一直可用，读者可以参考详情请参考 Using Flutter in China 以获得有关镜像服务器的最新动态。

二、获取Flutter SDK

• 方法1：去flutter官网下载其最新可用的安装包，转到下载页 ;
• 方法2：Git clone 安装，装相应releases版本，也可以直接Clone主干版本：

git clone -b master https://github.com/flutter/flutter.git

为了命令行使用，把下载的flutter/bin路径加入环境变量PATH中，Windows/Mac的环境变量设置是基础不详细说明，在Mac上是在~/.bash_profile中添加：

export PATH=~/Documents/dev/projects/flutter/flutter/bin:$PATH

这样就可以直接免路径执行flutter命令，这时执行flutter doctor命令检测缺失环境：

flutter doctor

按建议提示执行命令就基本完成环境搭建了：

image.png

如果到了一段时间想升级flutter，也是很简单，一句话的事：

flutter upgrade

三、开发工具配置（可选）

其实上述两步基本完成环境搭建，平常用命令行执行就可以了，当然“工欲善其事，必先利其器”，配置好开发工具的flutter插件，能较方便完成flutter开发，在这里我选用的是vscode，所以在插件搜索框，打入“flutter ”, 在搜索结果列表中选择 【Flutter】和【Dart】, 然后点击【安装】，再重启vscode即可。

装【Dart】是因为Flutter的官方开发语言是Dart，如果想使用Html和Sass开发Flutter的另类尝试，可以顺便把【flutter-view-vscode】插件也装上。

---

总的来说，环境搭建比其他移动端开发简便不少。