一直想嘗試Flutter，但看群里有人說(shuō)Flutter開(kāi)發(fā)環(huán)境搭建有點(diǎn)麻煩，嘗試一下果真如此桶癣，所以在此記錄一下。由于我使用mac娘锁，所以這篇僅針對(duì)在macOS上搭建Flutter開(kāi)發(fā)環(huán)境牙寞。
一、 系統(tǒng)要求
- 操作系統(tǒng)：macOS (64-bit)
- 磁盤(pán)空間: 700 MB (不包括Xcode或Android Studio的磁盤(pán)空間）
二莫秆、獲取SDK
獲取SDK有兩種方式：
這步完成后间雀，解壓安裝包到你想安裝的目錄。兩種方式镊屎，一種是直接解壓惹挟，即鼠標(biāo)右鍵，第二種是使用unzip杯道。
三匪煌、配置Flutter環(huán)境
1责蝠、在命令行下，進(jìn)入用戶目錄
cd $HOME
2 萎庭、打開(kāi).bash_profile文件
open -e .bash_profile
3霜医、添加 Flutter SDK 安裝的路徑
在bash_profile文件中，添加SDK安裝路徑驳规，并將Flutter官方為中國(guó)開(kāi)發(fā)者搭建了臨時(shí)鏡像添加進(jìn)去
export PATH=${PATH}:`pwd`/flutter/bin:$PATH
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
其中肴敛，pwd是SDK的安裝路徑，比如在我的mac中吗购，我就要這么填寫(xiě)
export PATH=${PATH}:/Users/darrenW/Flutter/flutter/bin:$PATH
/Users/darrenW/Flutter是SDK的安裝路徑医男。
后面兩行是臨時(shí)鏡像，不能保證一直可用捻勉，讀者可以參考詳情請(qǐng)參考 Using Flutter in China 以獲得有關(guān)鏡像服務(wù)器的最新動(dòng)態(tài)镀梭。
4、更新剛配置的環(huán)境變量
source .bash_profile
5踱启、運(yùn)行 flutter doctor
命令行輸入flutter doctor报账，安裝 Futter 剩余依賴項(xiàng)。
四埠偿、編輯器設(shè)置
由于我是iOS開(kāi)發(fā)透罢，電腦上已經(jīng)有Xcode，所以不再介紹xcode的安裝冠蒋，至于安裝Android Studio羽圃，也不在介紹，敬請(qǐng)百度抖剿。
編輯器我使用的是Visual Studio Code（VSCode大法好呀Ｐ嗄），版本要求1.20.1或更高版本斩郎。
1愁憔、安裝Flutter插件
- 啟動(dòng) VS Code
- 在應(yīng)用商店中搜索
flutter，下載安裝 - 重啟VS Code
2孽拷、 通過(guò)Flutter Doctor驗(yàn)證設(shè)置
- 調(diào)用 View>Command Palette...(快捷鍵shit+com+p)
- 輸入 ‘doctor’, 然后選擇 ‘Flutter: Run Flutter Doctor’ action
- 查看“OUTPUT”窗口中的輸出是否有問(wèn)題
3、創(chuàng)建新的應(yīng)用
- 調(diào)用 View>Command Palette…
- 輸入 ‘flutter’, 然后選擇 ‘Flutter: New Project’ action
- 輸入 Project 名稱(chēng) (如myapp), 然后按回車(chē)鍵
- 指定放置項(xiàng)目的位置半抱，然后按藍(lán)色的確定按鈕
- 等待項(xiàng)目創(chuàng)建繼續(xù)脓恕，并顯示main.dart文件(在lib文件夾中)
- 運(yùn)行應(yīng)用程序（如果你之前沒(méi)有打開(kāi)Simulator，請(qǐng)打開(kāi)窿侈，不然無(wú)法運(yùn)行）
至此炼幔，F(xiàn)lutter環(huán)境就算搭建成功了。
