• 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

  • 相关阅读:
    C#继承
    正则表达式
    C#笔记
    斐波那契数
    out参数
    重载和重写
    数组元素交换位置
    Win10图标显示不正常解决办法
    Linux添加sftp用户并限制其访问目录
    pclzip 解压的文件去掉文件夹
  • 原文地址:https://www.cnblogs.com/harry66/p/16333486.html
Copyright © 2020-2023  润新知