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('失败文案') 会在手机里面弹框,弹出来