macOS 安装 flutter

2,499 阅读2分钟

macOS 安装 flutter 网上的教程有很多,官网也有,这里有一个小坑总结一下,希望大家避免再次踩坑。

问题:我在公司的电脑操作系统是 10.14.5 Mojave,而家里我自己的电脑是 10.15 Catalina, 同样的安装步骤,同样配置了环境变量 PATH,但是家里的电脑就是无法使用,在使用 VSCode 学习 dart 语法的时候运行代码总是提示:/bin/sh: dart: command not found

解决方案:如果是 macOS Catalina,则必须在 .zshrc 文件里面配置 flutterdartPATH。使用终端打开你的 flutter sdk 解压后的文件夹,然后终端输入 vim ~/.zshrc,进入编辑页面,新增 flutterdart 的环境变量:

  • export PATH=/Users/ALittleNasty/flutterDevelopment/flutter/bin:$PATH
  • export PATH=/Users/ALittleNasty/flutterDevelopment/flutter/bin/cache/dart-sdk/bin:$PATH

设置完环境变量以后按 esc 键,然后输入 :wq 退出 vim 编辑器,然后终端执行命令 source ~/.zshrc 即可。

参考链接

zshrc

flutter SDK 安装流程

1. 下载 flutter sdk 包

直接进入官网下载, 我下载的版本是最新的 1.17.3

2. 解压 sdk

我在我的用户下面新建了 flutterDevelopment 文件夹,然后终端执行如下命令:

cd /Users/ALittleNasty/flutterDevelopment
unzip ~/Downloads/flutter_macos_1.17.3-stable.zip

3. 配置环境变量

我的 flutter sdk 解压后的完整路径为:/Users/ALittleNasty/flutterDevelopment/flutter,打开终端,进入这个目录,使用 vim 配置环境变量,终端执行命令:vim ~/.bash_profile

# flutter sdk
export PATH=/Users/ALittleNasty/flutterDevelopment/flutter/bin:$PATH
# dart sdk
export PATH=/Users/ALittleNasty/flutterDevelopment/flutter/bin/cache/dart-sdk/bin:$PATH

配置完环境变量以后终端执行命令 source ~/.bash_profile,使我们配置的环境变量生效,然后再执行 flutter -h, 出现如下结果就是成功了。

安装效果图

4. 检查是否成功

打开终端,进入一个别的文件目录,比如 /Users/ALittleNasty/Desktop/Movie,然后终端执行命令:flutter --versiondart --version, 出现如下结果表示安装成功,如果出现 command not found,那么请看文章开头,配置 .zshrc 的环境变量。

ALittleNasty@huyangdeMacBook-Pro Movie % flutter --version
Flutter 1.17.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision b041144f83 (6 days ago) • 2020-06-04 09:26:11 -0700
Engine • revision ee76268252
Tools • Dart 2.8.4
ALittleNasty@huyangdeMacBook-Pro Movie % dart --version
Dart VM version: 2.8.4 (stable) (Wed Jun 3 12:26:04 2020 +0200) on "macos_x64"