文檔閱讀

• 中文文檔：https://flutterchina.club/get-started/install/
• 英文文檔（建議這里）：https://flutter.dev/docs/get-started/install

一、下載SDK并解壓

image.png

二、添加flutter工具

image.png

• 環(huán)境配置，
  export PUB_HOSTED_URL=https://pub.flutter-io.cn //國內(nèi)用戶需要設置 export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn //國內(nèi)用戶需要設置 export PATH=PATH_TO_FLUTTER_GIT_DIRECTORY/flutter/bin:$PATH
  PATH_TO_FLUTTER_GIT_DIRECTORY 是我下載的SDK (flutter_macos_v1.7.8+hotfix.3-stable.zip) 的解壓路徑
  /Users/用戶名/Flutter
  
  image.png

跟著文檔操作

image.png

三、檢查是否安裝成功

image.png

四、修復錯誤提示

• 因為之前搞iOS，所以這里忽略Android的錯誤提示了，直接看Xcode的提示，第一條是cocoapods版本有點低，跟著提示來如圖

  
  
  image.png

• 然而居然提示沒有

  
  
  image.png

• 這我就不能認同了，之前工程里一直在用，怎么會沒有安裝呢，我這就得看看了，我這里是有的，只是版本有點低啊。

  
  
  image.png

• 接下來更新一下，更新指令（sudo gem update cocoapods）
  

  image.png
  
  
  image.png

• ok ，pod升級完成，Xcode 第一個嘆號應該解決了吧，在執(zhí)行一次 flutter doctor
  

  image.png
  
  漂亮，解決了一個，繼續(xù)下邊的?。?！

• ios tools這項按著提示一項一項做就ok了，都執(zhí)行完了以后doctor一次看看是不是已經(jīng)成功了

• vs code 是開發(fā)工具，直接在擴展中搜索Flutter，出來的第一個安裝

  
  
  image.png

• 最后再doctor一次，ok，iOS環(huán)境基本就完成了。

  
  
  image.png

• 最后開始咱們第一個Flutter項目吧，項目名不要用駝峰哦?。?！

  
  
  image.png