Flutter环境安装详细介绍，Mac+Windows

Flutter 是 Google 开源的 UI 工具包，帮助开发者经过一套代码库高效构建多平台精美应用，支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费，拥有宽松的开源协议，适合商业项目。

Flutter官网：flutter.dev/

必备环境

• 通用

  • AndroidStudio www.android-studio.org/

• Windows

  • Git for Win git-scm.com/download/wi…

安装步骤：

1. 下载对应系统的Flutter SDK：flutter.dev/docs/get-st…

也能够去Flutter项目的Github仓库里下载，但哪一种方式下载速度都不是特别快，将就一下吧，没办法。

2. 下载完SDK后就能够把Flutter SDK解压到任意目录下了

这个目录位置很重要，下一步也要用到，我建议不要放太深，Mac的话就放到 ~/ 下，Windows就放到某个C或D盘下

3. ★设置环境变量，加个星，这一步很关键

假设刚才你按照我说的把Flutter SDK放到了 mac ~/ 或者 windows的C盘下了

• macOS下设置环境变量

打开终端
输入 nano ~/.bash_profile
添加如下这行
export PATH=~/flutter/bin:$PATH
复制代码

• Windows10下设置环境变量

打开”个人电脑>控制面板>用户账户>用户账户>更改个人环境变量“
在“用户变量”下检查是否有名为“Path”的条目:
若是该条目存在, 追加 C:\flutter\bin ，使用 ; 做为分隔符。
若是条目不存在, 则建立一个新用户变量 Path ，而后输入 C:\flutter\bin 做为它的值。
★重启Windows以应用此更改
复制代码

Flutter在国内访问比较慢,甚至没法打开官网，因此咱们仍是使用镜像站吧

添加镜像站的全局变量

export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
复制代码

4. 前三步若是都正确完成了的话，这时咱们能够使用命令行输入如下命令

flutter doctor

5. 如今尚未完成，你会看到很多x，但起码不用慌张了，由于有flutter doctor了，只要仔细看提示，缺什么下什么便可。

很慢，别慌，就是那么慢，耐心等待。

• 最后的最后，把x的项目都补齐了，你就会看到如下画面

• 很是的舒服有木有！

---

用什么编辑器写代码你们随意，我更推荐使用VS Code，而且你们装上Flutter的官方插件，就有代码提示，调试，编译的工具条

不想安装Flutter环境，也能够在线玩玩看

dartpad.cn/flutter