Flutter使用VS Code打包app

一、VS Code拓展安装

安装Flutter和Dart两个拓展

二、下载Flutter镜像源

链接:https://storage.flutter-io.cn/flutter_infra_release/releases/stable/windows/flutter_windows_3.38.3-stable.zip

三、环境配置

把Flutter镜像源解压到文件夹,我这存放在D:\mlwproject\flutter\flutter

配置两个变量:

PUB_HOSTED_URL=https://pub.flutter-io.cn

FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn

Path:D:\mlwproject\flutter\flutter\bin

四、安装Android Studio

链接:https://developer.android.com/studio

我这软件安装路径存放在D:\Android\Android Studio

SDK存放在D:\Android\Sdk

注意:需要注意SDK路径不能用空格和中文

五、安装Android Studio对应SDK

安装成功以后打开软件,查看图中对应内容是否都已安装

六、Android Studio对应环境变量配置

JAVA_HOME=D:\Android\Android Studio\jbr

ANDROID_SDK_ROOT=D:\Android\Sdk

Path新增:D:\Android\Sdk\platform-tools

D:\Android\Sdk\tools

D:\Android\Sdk\tools\bin

D:\Android\Sdk\cmdline-tools\latest\bin

%JAVA_HOME%\bin

七、创建Flutter项目

VS Code进入上面解压的flutter上级文件夹。

Ctrl+Shift+P进入创建项目,选择项目存储文件夹和项目名称。

八、修改gradle源,这个再打包的时候用到

通过链接https://services.gradle.org/distributions/gradle-8.14-all.zip下载

在项目-gradle-wrapper-(gradle-wrapper.properties)文件中设置distributionUrl

为本地目录。

九、打包app

执行命令flutter build apk --release -v

相关推荐
「、皓子~1 天前
海狸IM 2.1 正式发布
flutter·微服务·golang·electron·开源软件·im·海狸im
里欧跑得慢1 天前
AI 驱动的 UI 国际化方案自动适配:从单一语言到多语言布局的智能转换
前端·css·flutter·web
witton1 天前
MacOS中在目录或者文件右键菜单中添加“使用VSCode打开”
vscode·macos·文件·目录·服务·automator·右键菜单
恋猫de小郭1 天前
AI 时代,一个优化 Flutter 的重复代码工具 Deslop
android·前端·flutter
码上暴富2 天前
Cursor / VS Code 自定义文件颜色
前端·vscode
2601_962381582 天前
VSCode如何配置LlamaIndex RAG(检索增强生成)应用开发环境
vscode·开发环境·rag·llamaindex·检索增强生成
深念Y2 天前
NativeScript 移动端开发踩坑记录
前端·ui·vue·安卓·移动端·native·原生
北漂燕郊杨哥2 天前
VS Code 安装微信小程序 MCP 介绍
vscode·微信小程序·小程序·mcp
ljt27249606612 天前
Flutter笔记--envied
前端·笔记·flutter
加农炮手Jinx2 天前
Flutter for OpenHarmony 实战:flutter_animate 声明式动画让 UI 灵动如原生
flutter·ui·华为·harmonyos·鸿蒙