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模拟器啦。

参考链接

相关推荐
m0_738185829 分钟前
Flutter 鸿蒙化实战:flutter_app_minimizer_plus 适配 OpenHarmony,一键最小化应用
flutter·华为·harmonyos·鸿蒙
动物园猫1 小时前
Flutter 鸿蒙实战:用 webview_flutter 三方库在 鸿蒙 中内嵌真实网页
flutter·华为·harmonyos
m0_738185823 小时前
Flutter 鸿蒙化实战:flutter_app_badger 适配 OpenHarmony,应用角标
flutter·华为·harmonyos·鸿蒙
yuezhilangniao3 小时前
FVM 与 Flutter 环境配置完全指南:从安装到日常使用
flutter
gnip6 小时前
Flutter GetX 三件套开发规范(Skill)
前端·flutter
m0_738185827 小时前
Flutter 鸿蒙化实战:flutter_blue_plus 适配 OpenHarmony,蓝牙扫描连接开箱即用
flutter·华为·harmonyos·鸿蒙
传奇开心果编程8 小时前
【Flutter入门练中学】第3课:滚动与列表
android·学习·flutter·ui·ios
勤劳打代码8 小时前
从 Demo 搭建的Flutter 演示项目 —— Forge
flutter·客户端·vibecoding
m0_738185828 小时前
Flutter 鸿蒙化实战:flutter_background_service 适配 OpenHarmony,后台服务
flutter·华为·harmonyos·鸿蒙
事圆则缓9 小时前
Flutter 状态管理框架对比(一):先看地图,再选工具
前端·javascript·flutter