HBuilder打包Vue-cli构建的APP

vue-cli项目打包成webapp的步骤,充分使用Hbuilder打包app,vue-cli项目在webpack的编译后
使用Huilder打包成app会快捷方便,以下是打包的步骤

1.使用webpack打包编译vue-cli项目注意:打包的之前需要配置好打包编译之后的文件目录目录如:

配置的方式:项目目录>config>index.js

2.使用Hbuilder打开项目目录,生成package.json这里是在项目文件夹上右键选中将其转化成app项目即可生成配置文件

3.在模拟器或者真机上运行此步需要注意的是观察Hbuilder的控制台的启动日志信息,如果没有报错说明编译成功如果有报错,看看是不是这个类型的错误:https://blog.csdn.net/museions/article/details/79420184

4.将其打包成apk文件,Hbuilder提供云打包的方式,基本上连续默认下一步即可


如还有疑问可以留言!!

猜你喜欢

转载自blog.csdn.net/museions/article/details/78960525