0
点赞
收藏
分享

微信扫一扫

windows下前后端项目+APP打包

WEB项目打包

本地启动调试:

npm run serve

如果启动较慢,并且很多报错和警告就关闭eslint验证
config.js中将lintonsave属性设置为false

function resolve(dir) {
return path.join(__dirname, dir);
}
// process.env.NODE_ENV == 'development'
module.exports = {
// publicPath: process.env.NODE_ENV === "production" ? "./" : "/",
// lintOnSave: true,
lintOnSave: false,
outputDir: "ROOT",

再次启动就非常快了,以后不会出现语法格式的报错和语法检查来影响速度了

指定dev分支克隆项目

​git clone -b dev http://14.116.203.148:10101/r/~admin/SmartCitCloudPlatform/WebTerminal.git​

安装npm包

报错如下

aw100@1.0.0  build 
vue-cli-service build
'vue-cli-service' 不是内部或外部命令,也不是可运行的程序
或批处理文件。

执行以下命令即可解决
​​​npm install​​ 安装完成依然出现一堆错误如下,暂时不要管它,继续执行下面的命令

of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Please, upgrade your dependencies to the actual version of core-js.

added 1432 packages, and audited 1433 packages in 2m

43 vulnerabilities (14 moderate, 27 high, 2 critical)

To address issues that do not require attention, run:
npm audit fix

To address all issues (including breaking changes), run:
npm audit fix --force

Run `npm audit` for details.

打包

cd WebTerminal
npm run build

windows下前后端项目+APP打包_maven

打包完成生成dist目录文件
windows下前后端项目+APP打包_环境变量_02

APP打包

环境:ionic app
1.安装java环境

2.安装Android SDK

下载链接:​​https://www.androiddevtools.cn/​​​ 进入页面后点击【Android SDK 工具】按钮,然后在弹出的选择框内点击【SDK Tools】按钮,然后界面会自动跳转到SDK 的下载界面,选择适合自己的版本进行下载
windows下前后端项目+APP打包_android_03

配置adb环境

3.安装node.js来使用npm

1.安装cordova

npm install -g cordova

2.安装gradle

1、下载gradle

下载地址:​​https://gradle.org/releases/​​

2、添加环境变量

此电脑 -> 属性 -> 高级系统设置 -> 环境变量
windows下前后端项目+APP打包_环境变量_04

path 里面添加你的路径
windows下前后端项目+APP打包_maven_05

3、重启cmd小黑框,输入gradle -v,查看是否安装成功
windows下前后端项目+APP打包_maven_06

npm install -g @ionic/cli

npm install @ionic/angular@latest --save

npm i

npm i -g native-run

ionic cordova run android

cordova.cmd platform add android --save

APP打包报错:
windows下前后端项目+APP打包_环境变量_07

报错提示版本问题,android sdk build版本太低,需要30.0.3版本的,于是去安装30.0.3版本的
进入android studio,进行如下操作即可安装完成
windows下前后端项目+APP打包_maven_08

安装完成再次执行 ionic cordova run android,已经没有报错了,等待这2个插件下载完成(国外插件下载速度较慢)
windows下前后端项目+APP打包_maven_09

打包完成,根据路径可以找到apk文件了,那个报错暂时可以忽略。
windows下前后端项目+APP打包_maven_10

上面的报错:
如果执行 ionic cordova build android出现报错,执行下面的试下:

cordova platform rm android
cordova platform add android

JAVA打包

一般使用maven进行打包
配置jdk环境
下载maven
配置maven环境
在环境变量path添加maven安装路径\bin
windows下前后端项目+APP打包_环境变量_11

检查maven环境

mvn -v

windows下前后端项目+APP打包_环境变量_12

cmd进入项目目录的pom.mxl的同目录
执行maven打包命令

mvn clean   #会把原来target目录给删掉重新生成。
mvn install #安装当前工程的输出文件到本地仓库然后打包
mvn clean install #先删除target文件夹然后打包到target

windows下前后端项目+APP打包_maven_13

进入目录查看是否生成target目录,生成则打包成功,里面的.jar文件则是新打的jar包
windows下前后端项目+APP打包_maven_14
windows下前后端项目+APP打包_maven_15


本文来自博客园,作者:​​Harry66​​​,邮箱:hy546880109@qq.com, 转载请注明原文链接:​​javascript:void(0)p/16333486.html​​


举报

相关推荐

0 条评论