• 2023/04/20 WIDE LAB紀錄

零、設備資料

• 目前terminal路徑
  

壹、安裝步驟

flutter cn 安裝

1. 安裝Xcode

• 相關截圖

2. 同意license

• 官網範例
  

• 執行截圖
  

3. 下載sdk 3.7.7(apple silicon),會自動解壓縮，而自己把它移到桌面
   

• 目前flutter/bin的路徑:/Users/widelab/Desktop/flutter/bin

• 開啟vim ~/.bash_profile並更改如下(初始是空的)：

• 注意：記得更改完都要輸入source ~/.bash_profile

4. 先用export PATH="$PATH:pwd/flutter/bin"的方式(動態，針對目前terminal來跑flutter doctor,還沒改完環境參數)

貳、針對flutter doctor 結果

下載Chrome

• 下載完pkg檔案並且結束後可以在啟動台中看到他

• Chrome問題解決

Cocoapods

按照之前寫的文章：【WIDE LAB紀錄 Day3】Flutter Doctor 大展身手裏"Cocoapods"的部分

• 輸入sudo gem install cocoapods指令

• 跟尋error msg輸入sudo gem install activesupport -v 6.1.7.3指令(記得一定要加"sudo")

• 再輸入一次sudo gem install cocoapods指令
  

• 輸入flutter doctor -v，問題解決

參、flutter run

• 指令創造專案：flutter create xiantest
  

• 輸入指令：flutter run，成功跑出demo code

肆、VsCode

• 官網下載VSCode

• 載extensions

• 開啟檔案並成功執行flutter run(不要開錯成flutter SDK解完壓縮的檔案喔！)

• 從自己的Github上面下載檔案，成功

伍、意外發現

打ld ..跳出以下視窗(按錯，是要打ls)，意外安裝了命令列開發者工具

陸、尚未解決

1. 目前重新開啟terminal,環境參數的地方尚未處理完畢(執行flutter命令會顯示No command),但直接用VsCode內的終端機跑就可以

柒、便捷設定

• 將github, dartpad放到Safari書籤列