如何将vue项目打包成app

如何将vue项目打包成app(想看苹果打包的请忽略本文)
我使用测vue cli3.0创建的vue项目,主要使用HBuilder打包成apk

  1. 创建vue.config.js
    在项目下面创建一个vue.config.js文件(注意不是在src下面),然后将你自己的配置写在里面。我的配置比较简单,这个host写你自己本地的ip(不知道的可以自己ping一下)。在这里插入图片描述
  2. 修改打包ip和端口号
    这个可以跟后台程序员要,记得端口号也要改
    在这里插入图片描述
  3. npm run build
    没什么好说的,生成一个dist文件夹,这个打包完成后的index.html文件直接打开是可以运行的,如果出现白屏,那从第一步重新开始。
  4. 打包apk
    在huilder里面新建一个移动app项目(假如命名为test),将你自己打包的dist下面的文件复制出来,覆盖到test下面。上一张图:
    在这里插入图片描述
    然后点击发行,接着就按照提示来吧,最后把apk下载下来,安装了就行了

猜你喜欢

转载自blog.csdn.net/m0_37270964/article/details/88175976