--- tags: flutter, disqus: hackmd --- # 安裝Flutter ### Mac OS 第一步：下載SDK 到[這裡](https://flutter.axuer.com/docs/get-started/install/macos)去下載SDK包並解壓縮到你的資料夾 ![get the sdk](https://i.imgur.com/1u7gWx8.png) 第二步：設定路徑 > $ export PATH="$PATH:`pwd`/flutter/bin" 根據官網解釋，此命令僅將PATH變量設置為當前終端窗口。 ### 設定永久Flutter路徑 可以看[update-your-path](https://flutter.axuer.com/docs/get-started/install/macos#update-your-path) 先打開你的`.bash_profile`檔 > vim .bash_profile 其中 [PATH_TO_FLUTTER_GIT_DIRECTORY] 就是你存放flutter sdk包的路徑位置 > $ export PATH="$PATH:[PATH_TO_FLUTTER_GIT_DIRECTORY]/flutter/bin" 再打開terminal運行`source $HOME/.bash_profile`以刷新當前窗口。 要記得刷新。 ``` //查看flutter的版本 flutter --version //查看開發flutter需要的環境 flutter doctor ``` 這裡要提醒一下，如果你是用`Z shell`的話就是改`.zshrc`不是改`.bash_profile`，然後設定路徑就可以。 [zsh: command not found: flutter - macOS](https://github.com/flutter/flutter/issues/40140) --- 輸入flutter doctor後，你可能會看到類似這樣的畫面 這是doctor幫你診斷後給的診對書，只要把上面列表的都弄成`綠色勾勾`就可以了 ![flutter doctor](https://i.imgur.com/PIKAZ7Q.png) --- 如果你的android studio已經確認有安裝Flutter跟Dart的plugin 但是doctor診斷還是有錯的話，那可以在terminal輸入下面這段指令 > ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1 --- [影片安裝教學1](https://www.youtube.com/watch?v=hL7pkX1Pfko) [影片安裝教學2](https://www.youtube.com/watch?v=gv1LScpG0jM) [影片安裝教學3 - android環境](https://www.youtube.com/watch?v=_p3VbxiVuRU) [影片安裝教學4 - ios環境](https://www.youtube.com/watch?v=3oIFshgMgLA) [影片安裝教學5 - ios環境2](https://www.youtube.com/watch?v=H_xusHxICbk) --- 參考文章 [Flutter 環境建置 (Windows)](https://titangene.github.io/article/flutter-install-on-windows.html)