关于VSCode使用flutter的那些事情

622 阅读1分钟

下载flutter

按照文档流程,选择VSCode下载

下载vscode关于flutter的插件

Dart

image.png

Flutter

image.png

安装FVM(flutterSDK管理器)

官方推荐使用Chocolatey下载,但是没有下载成功,这里咱们采取 Dart 下载,因为这里已经拥有dart和flutter环境了

安装

dart pub global activate fvm

image.png 这里会出现一个警告,这个划线的路径需要记住,后面配置环境的时候要用

配置FVM环境变量

直接 win+s 输入env选择环境变量

image.png

选择系统变量

image.png

双击Path,选择新建,填入刚刚保存的路径

image.png

配置jdk环境变量

这个是 JAVA 环境详细可参考这个文档 只要最后能在cmd里面看见就行

image.png

USB连接手机,真机模拟

打开手机开发者模式

首先打开自己的手机设置,选择关于手机,快速多次点击版本号,就会打开隐藏选项

然后选择系统和更新,进入开发人员选项,将其打开,并且打开USB调试

这样手机的开发者模式才算打开了

注意: USB接口需要调成传输文件模式,不然无法识别到真机

进入VSCode选择真机模拟

image.png

想看自己真机昵称的可以在控制台输入

    fvm flutter devices

一般来说第一个就是你的真机,然后选择就行了

image.png

运行项目

fvm flutter run //启动项目,不用下载依赖包,run会直接使用 或者是通过F5直接启动

image.png