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

相关推荐
江拥羡橙4 分钟前
vscode使用windsurf获取token
vscode·ai·windsurf
南村群童欺我老无力.13 分钟前
Flutter 框架跨平台鸿蒙开发 - 开发二维码生成器与扫描器
flutter·华为·typescript·harmonyos
南村群童欺我老无力.34 分钟前
Flutter 框架跨平台鸿蒙开发 - 喝水提醒应用开发指南
flutter·华为·harmonyos
奋斗的小青年!!42 分钟前
Flutter开发鸿蒙应用实战:位置分享组件的跨平台实现
flutter·harmonyos·鸿蒙
鸣弦artha1 小时前
Flutter框架跨平台鸿蒙开发——Embedding层架构概览
flutter·embedding·harmonyos
ljt27249606612 小时前
Flutter笔记--ValueNotifier
笔记·flutter
南村群童欺我老无力.2 小时前
Flutter 框架跨平台鸿蒙开发 - 阅读进度追踪应用开发指南
flutter·华为·harmonyos
世人万千丶2 小时前
鸿蒙跨端框架 Flutter 学习 Day 4:程序生存法则——异常捕获与异步错误处理的熔断艺术
学习·flutter·华为·harmonyos·鸿蒙
向前V2 小时前
Flutter for OpenHarmony数独游戏App实战:底部导航栏
javascript·flutter·游戏
小白阿龙2 小时前
鸿蒙+Flutter 跨平台开发——简易猜数字竞猜游戏实现
flutter·游戏·harmonyos