【Flutter学习记录】之搭建

Flutter 简介

没有，需要介绍的太多了，比如底层图像渲染引擎Skia，Flutter所用语言Dart，系统Fuchsia。 这些都能百度到，今天写的是搭建，就不过多介绍Flutter了。

---

Windows环境搭建

1.软件准备：通过 FlutterSDK下载 下载最新的Flutter，基本上是满速下的；解压出来，复制flutter/bin目录地址。

2.修改用户变量：

我的电脑->属性->高级->环境变量->用户变量->新建

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

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

在Path变量下增加刚刚复制的flutter/bin的地址，如果没有 就新增一个。

3.安装Android studio：Android-Studio下载地址 安装完成后运行，会自动下载所必须要的Android-SDK

    1.打开AndroidStudio->Configure

    2.打开设置（setting）

    3.打开plugins

    4.搜索Flutter，直接安装，同时会顺带安装Dart插件，根据提示，重启AndroidStudio

4.Flutter检测：

打开CMD命令行，输入 flutter doctor

出现这样的提示就代表环境已经搭建成功

Mac OS 环境搭建

1、配置镜像的环境变量。

vim ~/.bash_profile

然后把下面两个变量写进去

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

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

2、下载Flutter SDK并配置环境变量

点击下载Flutter SDk

下载后解压，然后，配置一下flutter bin的环境变量。配置方法同上，注意写对路径。如我的如下：（ZK是我的名字）

export PATH=/Users/Aevil/flutter/bin/:$PATH

3、到这里就跟windows安装第三步一样了。

Android-Studio下载地址安装完成后运行，会自动下载所必须要的Android-SDK

    1.打开AndroidStudio->Configure

    2.打开设置（setting）

    3.打开plugins

    4.搜索Flutter，直接安装，同时会顺带安装Dart插件，根据提示，重启AndroidStudio

4、打开终端，输入flutter doctor，检测还缺少什么环境，根据提示逐个修复就可以了。

搭建步骤到此完成。

后续会开始记录使用VSCode开发fultter项目的一些过程。 当然 使用AndroidStudio 也是可以开发的。