vue项目使用hbuilder进行云打包

1.将写好的目录 ,比如头像项目,
将自己新创建的vue.config.js文件内填写内容

module.exports={
  publicPath:'./'   
  // 表示我们打包生成之后,我们资源目录的生成路径
}

2.如果不写的话,你直接 npm run build 之后,打开dist文件双击index.html将会得到下图所示效果
在这里插入图片描述
3.vue.config.js文件内容填写完之后,再次npm run build

4.还有一点就是 你的路由一定要是哈西路由,不能是浏览器历史记录路由,因为我们此时的目的是要将其打包成手机应用的,

5.此时再次双击index.html文件,对应的内容就都有了,

6.打包需要用到hbuilder,如果有就直接使用,没有就去官网下载,然后注册一下再用,

7.完成之后新建一个 项目: 文件项目,按照以下步骤操作
在这里插入图片描述
8.新建完之后,点开,里面就会生成很多文件
在这里插入图片描述
9.此时复制dist目录下所有的文件内容,全部替换到hbuilder这个目录下

10.点击 发行→ 原生App 云打包
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
然后在电脑上可以下载安装夜神模拟器 ,查看软件是否成功

在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值