官方建议使用 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
回车