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 云打包
然后在电脑上可以下载安装夜神模拟器 ,查看软件是否成功