簡要
本文重點介紹MacOS上使用VSCode快速搭建Flutter開發平臺。
獲取Flutter SDK
下載SDK
方式一:直接下載
storage.googleapis.com/flutter_inf…
方式二:從GitHub上拉取
git clone https://github.com/flutter/flutter.git
複製程式碼
配置啟動項
vim $HOME/.bash_profile
export PATH="$PATH:[FLUTTER_DIRECTORY]/flutter/bin"
複製程式碼
Flutter Doctor
flutter doctor
複製程式碼

由於我們僅需要在VSCode中開發,關於IntelliJ IDEA上的一些配置可暫時忽略。
SDK版本管理(channel)
檢視channel列表
flutter channel
複製程式碼

切換channel
flutter channel stable
複製程式碼
chanel其實就是git分支,Flutter做了一層包裝而已。每次切換channel時,會checkout至新分支,並重新build工具。 一般使用stable即可,想要嚐鮮可以切換至beta。
配置VSCode
安裝VSCode
安裝Flutter和Dart外掛

建立Flutter專案

開啟除錯



參考文件
- [官方文件] flutter.dev/docs/get-st…
- [DevTools] flutter.github.io/devtools/vs…