vue项目使用hbuilder进行云打包

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第7天，点击查看活动详情

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 云打包

然后在电脑上可以下载安装夜神模拟器 ，查看软件是否成功