vue项目通过HBuilder打包发布

一、打包工具HBuilder

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

vue项目通过HBuilder打包发布_第1张图片

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" : 

你可能感兴趣的:(vue,vue.js,前端,javascript)