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 小时前
【MSCKF】StateHelper 学习备注
vscode·学习·性能优化·编辑器·dsp开发
心随雨下1 小时前
Flutter加载自定义CSS样式文件方法
前端·css·flutter
晚霞的不甘1 小时前
调试、测试与持续交付:构建面向 OpenHarmony 的 Flutter 工程化体系
flutter
kirk_wang2 小时前
鸿蒙分布式能力与Flutter集成:Flutter三方库鸿蒙适配实践
flutter·移动开发·跨平台·arkts·鸿蒙
克喵的水银蛇11 小时前
Flutter 动画实战:基础动画 + Hero 动画 + 自定义动画
flutter
&&Citrus12 小时前
【杂谈】SNNU公共计算平台:深度学习服务器配置与远程开发指北
服务器·人工智能·vscode·深度学习·snnu
松☆13 小时前
Flutter + OpenHarmony 实战:构建离线优先的跨设备笔记应用
笔记·flutter
飞火流云13 小时前
vscode Linux下编译失败找不到文件
ide·vscode·编辑器
Piink15 小时前
VSCode基本操作
vscode·编辑器