基于VSCode快速上手Flutter

1,374 阅读1分钟

本文重点介绍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项目

开启调试

参考文档