Hbuilder打包vue项目成移动端app

首先,打包好vue项目

    运行npm run build

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

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


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


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


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


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

    


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



结束,谢谢!!!!

你可能感兴趣的:(Hbuilder打包vue项目成移动端app)