Vscode配置Flutter开发(Windows)

1.安装JDK开发包

我们需要Android SDK来创建Android模拟器,而运行Android SDK命令行工具需要依赖JDK,所以先安装JDK依赖。

1.1在哪下载

在华为镜像repo.huaweicloud.com/java/jdk/,下载jdk1.8版本的开发包。

安装jdk包之后,配置jdk的环境变量,这里以window环境为例子,添加以下环境变量

ini 复制代码
JAVA_HOME=D:\utils\android\jdk_1.8\bin // 值为jdk安装的路径
CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;
path=%JAVA_HOME%\bin; %JAVA_HOME%\jre\bin

1.2 验证jdk环境是否配置成功

在命令行中键入java -version命令,出现java版本即配置成功

2.用命令行工具搭建Android环境

2.1下载命令行工具

在Android Studio官网developer.android.com/studio下载命令行工具,拉到底部即可看到

解压下载好的命令行工具到专门存放Android相关资料的目录中,这里我使用的是D:\utils\android\sdk,修改一下解压后的目录名:

ini 复制代码
# 这里修改目录名防止执行sdk命令行命令报错
# see: https://stackoverflow.com/questions/65262340/cmdline-tools-could-not-determine-sdk-root
commandlinetools-win-9123335_latest\cmdline-tools=>commandlinetools-win-9123335_latest\tools
# 下面的不改也可以,这里是为了让目录简短些
commandlinetools-win-9123335_latest\tools=>cmdline-tools\tools

将sdk命令行工具加入到环境变量

makefile 复制代码
D:\utils\android\sdk\cmdline-tools\tools
D:\utils\android\sdk\cmdline-tools\tools\bin

2.2下载基础工具包

使用sdkmanager --list查看可以下载的包,这里安装以下工具包

css 复制代码
sdkmanager --install cmdline-tools;latest platform-tools

安装完成之后,添加以下路径到环境变量中

makefile 复制代码
D:\utils\android\sdk\cmdline-tools\latest\bin
D:\utils\android\sdk\platform-tools

3.通过命令行工具下载Android SDK

在安卓开发者官网developer.android.google.cn/guide/topic...上查看需要使用到的API级别下载对应级别的SDK,这里使用Android 12,对应级别为32。安装命令如下:

css 复制代码
sdkmanager --install build-tools;32.0.0 platforms;android-32

4.通过命令行工具下载仿真镜像和模拟器

上一步使用的是api级别32的sdk,这里通过sdkmanager --list命令查看对应的仿真包,选择一个安装

css 复制代码
sdkmanager --install emulator system-images;android-32;google_apis_playstore;x86_64

5.Vscode中配置Flutter插件

在插件应用市场搜索Flutter并安装后,键入ctrl+shift+P快捷键,输入Flutter,选择Flutter:Select Device

然后再选择Create Android emulator就可以启动Android模拟器啦。

参考链接

相关推荐
火柴就是我19 小时前
学习一些常用的混合模式之BlendMode. dst_atop
android·flutter
火柴就是我19 小时前
学习一些常用的混合模式之BlendMode. dstIn
android·flutter
火柴就是我1 天前
学习一些常用的混合模式之BlendMode. dst
android·flutter
前端不太难1 天前
Sliver 为什么能天然缩小 rebuild 影响面
flutter·性能优化·状态模式
带带弟弟学爬虫__1 天前
Flutter 逆向想学却无从下手?
flutter
行者961 天前
Flutter跨平台开发:颜色选择器适配OpenHarmony
flutter·harmonyos·鸿蒙
不爱吃糖的程序媛1 天前
深度解析OpenHarmony跨平台框架生态:RN、Flutter、Cordova、KMP四大方向全梳理
flutter
kirk_wang1 天前
Flutter艺术探索-Flutter样式系统:TextStyle与主题配置
flutter·移动开发·flutter教程·移动开发教程
火柴就是我1 天前
Flutter 混合模式下:saveLayer 混合注意点
android·flutter
AiFlutter1 天前
四、动画图表(03):饼图
flutter·低代码·低代码平台·aiflutter·aiflutter低代码