本文重點介紹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 FLUTTER_HOME=<path to flutter>
export PATH="$PATH:$FLUTTER_HOME/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

code.visualstudio.com/

安裝Flutter和Dart外掛

搜尋 "Flutter"、"Dart"，點選安裝。

建立Flutter專案

開啟除錯

參考文件

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