Hellom's Studio.

VsCode 搭建 flutter 环境

字数统计: 397阅读时长: 1 min
2019/07/11 Share

官方建议使用 Android studio 来开发 flutter

对于前端的同学来说 使用起来稍有些不顺手

所以还是使用比较顺手的 vscode 来开发

俗话说 工欲善其事必先利其器嘛 (^▽^)

安装环境

在 vscode 中的应用商店里 下载以下依赖包:

  • flutter
  • dart

下载完成后 就要新建一个项目啦

在终端中输入 flutter create my_flutter 回车

需要等待一小会

完成后可以使用 flutter doctor 检测下配置是否都安装好了

运行模拟器

打开 flutter 项目中 bin 目录下的 main.dart 文件

vscode 窗口右下角 显示 No Devices 点击 后会弹出一个列表

显示你所有创建好的模拟器 如果还没有模拟器 就得打开 Android studio先创建好一个模拟器

具体步骤可参考官方文档:

https://flutterchina.club/setup-windows/#%E8%AE%BE%E7%BD%AEandroid%E6%A8%A1%E6%8B%9F%E5%99%A8

然后选择一个你所需要的模拟器

稍等片刻后 模拟器就启动起来啦

PS:如果等待了很久 模拟器没有启动起来 建议查看配置路径是否有问题

如果配置没有问题 最快速的方法 就是删除这个模拟器 重新在 Android studio 中新建一个

编译项目

模拟器启动好以后 回到 vscode 终端里

输入 flutter run 回车

稍等片刻后 就能看到官方给出的计数器的demo

这样环境就算搭建好啦

升级 flutter

在终端输入 flutter upgrade 回车

CATALOG
  1. 1. 安装环境
  2. 2. 运行模拟器
  3. 3. 编译项目
  4. 4. 升级 flutter