基於VSCode快速上手Flutter

本文重點介紹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…