Hbuilder打包vue项目成移动端app

首先,打包好vue项目

    运行npm run build

打包完成后,在项目目录中会有一个dist文件夹。

然后在Hbuilder中打开这个dist文件夹


这时,这个项目是web应用的项目


需要把它转成app应用的项目,鼠标右键 转换成移动app,dist的图标会由 W 变成 A


然后打开dist目录下的index.html,格式化一下代码


在每个有路径的地方加上 .  (这个很重要,不加上这个点,打包出来的页面就会一片空白)

    


改完之后,接入andriod设备,菜单栏中点击    运行---真机运行



结束,谢谢!!!!

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。