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

相关推荐
FungLeo11 分钟前
成为全栈·Flutter App 篇·移动端错误与限流:429、重试和写请求边界
flutter·限流·dart·dio·错误处理·成为全栈
iReachers23 分钟前
Termux:把安卓手机变成随身的命令行工具箱
python·安卓·termux·命令行·实用工具
恋猫de小郭27 分钟前
Kotlin Toolchain 0.13,JetBrains 推荐 KMP 都切换到到全新工具链
android·前端·flutter
m0_7381858232 分钟前
Flutter 鸿蒙化实战:rive 适配 OpenHarmony,Rive 动画
flutter·华为·harmonyos·鸿蒙
golang学习记10 小时前
VSCode多光标迎来重大更新
ide·vscode·编辑器
专业程序开发源11 小时前
flask家电故障预测系统92491-计算机课程设计/毕业设计
vscode·python·sql·算法·flask·课程设计
Geek_Vison12 小时前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
FungLeo13 小时前
成为全栈·Flutter App 篇·go_router 与四 Tab App Shell:保留导航状态、深链和登录回跳
flutter·移动开发·成为全栈·go_router·路由设计·深链接
m0_7381858213 小时前
Flutter 鸿蒙化实战:screen_protector 适配 OpenHarmony,防截屏/防泄露
flutter·华为·harmonyos·鸿蒙
Vex2une13 小时前
PowerShell ISE 到 VS Code 迁移史:从集成脚本环境到现代编辑器工作流
windows·vscode·powershell·powershell ise·powershell 扩展·powershell 7·脚本编辑器