美文网首页前端
h5手机调试工具vConsole/eruda

h5手机调试工具vConsole/eruda

作者: 路尔轩 | 来源:发表于2021-12-09 09:13 被阅读0次

vConsole

普通项目中vConsole

<script src="https://cdn.bootcss.com/vConsole/3.3.4/vconsole.min.js"></script>
<script>
    var vConsole = new VConsole();
</script>

vue中使用vConsole
1、安装

npm install vconsole
//或者使用taiobao镜像
cnpm install vconsole
//或者
yarn add vconsole

2、配置,找个地方新建一个vconsole.js

import Vconsole from 'vconsole'
const vConsole = new Vconsole()
export default vConsole

3、引入

import vConsole from '@/assets/js/vconsole.js' //这里是vconsole.js的路径

Vue.prototype.vConsole = vConsole;

eruda

<script src="https://cdn.bootcss.com/eruda/1.5.8/eruda.min.js"></script>
<script>
    eruda.init();
</script>

相关文章

网友评论

    本文标题:h5手机调试工具vConsole/eruda

    本文链接:https://www.haomeiwen.com/subject/kktffrtx.html