本地测试（开发模式）Hbuilder 打包vue移动APP [初学记录]_hbuilder 隔离环境打包vue项目 生成 测试 开发环境

1.下载Hbulider

https://pc.qq.com/detail/3/detail_22603.html

或者官网下载

2.打包vue项目前注意配置

不配置会出现运行app时打开是空白页

我参考：https://www.cnblogs.com/Naiky/p/11578157.html

这边总结下：

1.配置root目录/vue.config.js文件夹（没有文件就自己创建一个）

module.exports = {
  // 本地测试时设置(若build失败，可能是cli3名字改了,改为了publicPath)
  baseUrl: process.env.NODE_ENV === 'production' ? './' : './',
  //publicPath: process.env.NODE_ENV === 'production' ? './' : './',
}

2.注释router中的mode:'history'

3.编译打包vue项目，且使用Hbuilder打包

vue run build

Hbuilder打包推荐：https://blog.csdn.net/ytangdigl/article/details/78978196

注意：这个博客最后的配置，我没搞

4.推荐用真机测试（第3.步完成后）

1.手机usb调试开启，这个根据手机机型，可以百度

2.启动

3.Hbuilder会帮你安装手机的Hbuilder 安装不成功可以去电脑的Hbuilder找到apk文件。

D:\HBuilder.9.1.29.windows\HBuilder\plugins\com.pandora.tools.android_1.0.0.201811231756\base

4.控制台

你在代码中写的console.log('test') 会在控制台打印出来

写的 alert('失败文案') 会在手机里面弹框，弹出来