zoukankan      html  css  js  c++  java
  • HBuilder打包app(vue项目)

    一、测试项目是否可以正确运行    指令:npm run dev

    首先我们先建立一个vue的项目,本人用的是vue-cli随便建立的,然后运行项目

    不必非得是像我这样的,这一步的目的只是测试一下咱们的vue项目是否可以运行

     

    二、修改路径(assetsPublicPath: './')

    打开我们config中的js文件,修改assetsPublicPath的路径为"./"(下图的右下角位置)


     

    三、打包文件  指令:npm run build

    打包后会生成dist文件

     

    四、把dist文件变成app模式

    在HBuilder中点击文件,打开目录,找到我们项目中的dist文件,确定。

    然后我们会看到这样的带着 W 的文件


     

    五、转换APP

    右键dist,点击转换成App(T)


     

    六、manifest.json里面配置APP名字及APP图标

    我们在上一步会生成一个manifest.json文件,打开它,我们在这里操作

    app名字:就是应用名称(这里我写的是思源000)


    app图标:现在下面点击图标配置,然后选择图片放上去(图片只能为PNG格式,通过手动改后缀是不可以的),在这里我选择的是圣诞小人的图标


     

    七、生成apk

    1.点击发行,发行为原生安装包


    2.点击使用DCloud公用证书,点击打包


    好了打包成apk文件了,把这个安装到手机上咱们就可以用了,嘿嘿!!!

     

    如果以上方法打包后还白屏,请用下面的方法

    在build文件夹中打开webpack.prod.conf.js

    找到output:增加 publicPath: './'

    然后重新用npm打包

  • 相关阅读:
    10年后方向
    nginx的配置文件server_name的意义 location意义
    java程序员应该知道的20个有用的库
    集群和分布式区别
    noVNC连接CentOS,以Web方式交付VNC远程连接
    centos7.2云主机安装桌面
    centos7.2 rabbitmq3.6.2源码部署
    Linux下打包压缩war和解压war包 zip和jar
    CentOS7.2下安装mongoDB3.2.8
    centos7 mysql5.7.17源码安装
  • 原文地址:https://www.cnblogs.com/v616/p/11271499.html
Copyright © 2011-2022 走看看