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

image

打包完成生成dist目录文件
image

APP打包

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

2.安装Android SDK
参考链接:https://www.cnblogs.com/auguse/p/13807169.html
下载链接:https://www.androiddevtools.cn/
进入页面后点击【Android SDK 工具】按钮,然后在弹出的选择框内点击【SDK Tools】按钮,然后界面会自动跳转到SDK 的下载界面,选择适合自己的版本进行下载
image

配置adb环境

3.安装node.js来使用npm

1.安装cordova

npm install -g cordova

2.安装gradle

1、下载gradle

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

2、添加环境变量

此电脑 -> 属性 -> 高级系统设置 -> 环境变量
image

path 里面添加你的路径
image

3、重启cmd小黑框,输入gradle -v,查看是否安装成功
image

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打包报错:
image

报错提示版本问题,android sdk build版本太低,需要30.0.3版本的,于是去安装30.0.3版本的
进入android studio,进行如下操作即可安装完成
image

安装完成再次执行 ionic cordova run android,已经没有报错了,等待这2个插件下载完成(国外插件下载速度较慢)
image

打包完成,根据路径可以找到apk文件了,那个报错暂时可以忽略。
image

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

cordova platform rm android
cordova platform add android

JAVA打包

一般使用maven进行打包
配置jdk环境
下载maven
配置maven环境
在环境变量path添加maven安装路径\bin
image

检查maven环境

mvn -v

image

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

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

image

进入目录查看是否生成target目录,生成则打包成功,里面的.jar文件则是新打的jar包
image
image

posted @ 2022-06-01 10:41  Harry_666  阅读(117)  评论(0编辑  收藏  举报