我想在 win10 环境下,用vscode编辑代码,并可以实时查看效果
硬件要求:Windows 7 或更⾼版本 (64-bit)、磁盘空间400 MB (不包括Android Studio的磁
盘空间)
环境安装
安装 android studio 传送门
安装 vscode
配置 flutter sdk
-
github官网下载后解压 传送门
-
将安装包zip解压到你想安装Flutter SDK的路径(如: C:\src\flutter ;注意,不要
将flutter安装到需要⼀些⾼权限的路径如 C:\Program Files\ ) -
配置环境变量
- 在“⽤户变量”下检查是否有名为“Path”的条⽬:
如果该条⽬存在, 追加 的全路径,使⽤ ; 作为分隔符;如果条⽬不存在, 创建⼀个新⽤户变量 Path ,然后将 flutter\bin 的全路径作为它的值 - 在“⽤户变量”下添加以下环境变量
PUB_HOSTED_URL=https://pub.flutter-io.cn
FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
ANDROID_HOME=D:\Dev\androidSDK【此处请替换成你安装androidSDK的位置】
- 重启电脑
- 在flutter.bin文件夹下运行flutter doctor,查看运行结果,可能会出现以下错误:
- 报错没有认证
解决:输入flutter doctor --android-licenses,接下来所有的输入 y 就可以了
至此,环境基本都准备好了。
环境运行
- 在你的项目目录下,输入 flutter emulators 命令,查看可用的模拟器
- 输入 flutter emulators --launch Pixel_2_API_30 命令,表示指定模拟器,等待召唤启动
Pixel_2_API_30 是你在 android studio 中安装的模拟器
- 输入 flutter run 命令,表示启动,开始下载一系列的东西
- 待完成之后,就可以开始写代码了