基于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…