vue项目通过HBuilder打包发布

最新推荐文章于 2024-09-05 16:03:17 发布

iiLeon

最新推荐文章于 2024-09-05 16:03:17 发布

阅读量2.8k

点赞数

分类专栏： vue 文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/iileon/article/details/123402857

版权

本文详细介绍了如何使用HBuilderX工具将Vue项目打包发布。从下载安装HBuilderX开始，逐步讲解如何注册用户、打开项目、创建manifest.json文件，并进行手机直连测试。在确保测试无误后，指导如何进行原生app的云打包，关闭开屏广告，最终完成打包并发布。

摘要由CSDN通过智能技术生成

一、打包工具HBuilder

1. 下载地址https://www.dcloud.io/hbuilderx.html

在这里插入图片描述

2. 根据需要进行下载，下载之后为压缩包，解压获得文件夹，在文件夹中找到HBuilderX.exe，双击运行。

3. 注册Hbuilder用户，第六步会用到

4. 点击文件–>打开目录–>你的项目的public目录。

5. 在public目录中创建一个manifest.json 文件（文件名字必须是这个，否则会出错！）

6.在这个json文件中插入下面代码

{
   
    "@platforms" : [ "android", "iPhone", "iPad" ],
    "id" : "HBulider用户会自动生成一串字符", /*应用的标识*/
    "name" : "项目名称", /*应用名称，程序桌面图标名称*/
    "version" : {
   
        "name" : "1.0", /*应用版本名称*/
        "code" : "100"
    },
    "description" : "", /*应用描述信息*/
    "icons" : {
   
        "72" : "logo.png"
    },
    "launch_path" : "项目运行路径", /*应用的入口页面，默认为根目录下的index.html；支持网络地址，必须以http://或https://开头*/
    "developer" : {
   
        "name" : "", /*开发者名称*/
        "email" : "", /*开发者邮箱地址*/
        "url" : "" /*开发者个人主页地址*/
    },
    "permissions" : {
   
        "Accelerometer" : {
   
            "description" : "访问加速度感应器"
        },
        "Audio" : {
   
            "description" : "访问麦克风"
        },
        "Messaging" : {
   
            "description" : "短彩邮件插件"
        },
        "Cache" : {
   
            "description" : "管理应用缓存"
        },
        "Camera" : {
   
            "description" : "访问摄像头"
        },
        "Console" : {
   
            "description" : "跟踪调试输出日志"
        },
        "Contacts" : {
   
            "description" : "访问系统联系人信息"
        },
        "Device" : {
   
            "description" : "访问设备信息"
        },
        "Downloader" : {
   
            "description" : "文件下载管理"
        },
        "Events" : {
   
            "description" : "应用扩展事件"
        },
        "File" : {
   
            "description" : "访问本地文件系统"
        <