基於VSCode快速上手Flutter

程式設計師旺旺發表於2019-06-28

簡要

本文重點介紹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快速上手Flutter
按照上述提示逐個解決即可。

由於我們僅需要在VSCode中開發,關於IntelliJ IDEA上的一些配置可暫時忽略。

SDK版本管理(channel)

檢視channel列表

flutter channel
複製程式碼

基於VSCode快速上手Flutter

切換channel

flutter channel stable
複製程式碼

chanel其實就是git分支,Flutter做了一層包裝而已。每次切換channel時,會checkout至新分支,並重新build工具。 一般使用stable即可,想要嚐鮮可以切換至beta。

配置VSCode

安裝VSCode

code.visualstudio.com/

安裝Flutter和Dart外掛

基於VSCode快速上手Flutter
搜尋 "Flutter"、"Dart",點選安裝。

建立Flutter專案

基於VSCode快速上手Flutter

開啟除錯

基於VSCode快速上手Flutter

基於VSCode快速上手Flutter

基於VSCode快速上手Flutter

參考文件

相關文章