macOS 安裝 flutter

ALittleNasty發表於2020-06-10
MacFlutter

macOS 安裝 flutter 網上的教程有很多，官網也有，這裡有一個小坑總結一下，希望大家避免再次踩坑。

問題：我在公司的電腦作業系統是 10.14.5 Mojave，而家裡我自己的電腦是 10.15 Catalina, 同樣的安裝步驟，同樣配置了環境變數 PATH，但是家裡的電腦就是無法使用，在使用 VSCode 學習 dart 語法的時候執行程式碼總是提示：/bin/sh: dart: command not found

解決方案：如果是 macOS Catalina，則必須在 .zshrc 檔案裡面配置 flutter 和 dart 的 PATH。使用終端開啟你的 flutter sdk 解壓後的資料夾，然後終端輸入 vim ~/.zshrc，進入編輯頁面，新增 flutter 和 dart 的環境變數：

  • 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 --version 和 dart --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"
複製程式碼

相關文章