移动端vConsole使用方法(附带vue使用方法)
平时在web应用开发过程中,我们可以console.log去输出一些信息,但是在移动端,也就是在手机上,console.log的信息我们是看不到的,这时候就需要移动端调试工具vConsole图片我截图了一部分,数据都是假的,大家就看vConsole的效果就好。那么,如果将console.log应用到移动端呢?需要借助第三方插件:vConsole第一种用法:引入js文件下载最新版https://gi
·
平时在web应用开发过程中,我们可以console.log去输出一些信息,但是在移动端,也就是在手机上,console.log的信息我们是看不到的,这时候就需要移动端调试工具vConsole
图片我截图了一部分,数据都是假的,大家就看vConsole的效果就好。
那么,如果将console.log应用到移动端呢?
需要借助第三方插件:vConsole
第一种用法:引入js文件
下载最新版https://github.com/Tencent/vConsole/releases/latest
<script src="vconsole.min.js"></script>
<script>
// 初始化
var vConsole = new VConsole();
console.log('Hello world');
</script>
第二种用法:npm命令
先执行命令 npm i vconsole
然后在文件中加入代码,就可以打印日志了
import VConsole from 'vconsole';
let vConsole = new VConsole();
console.log("test");
以上均为转载,以下记录vue使用vConsole方法(原链接是俩个合并的,要看的话自行拆分)
首先npm引入
npm install vconsole -S
main.js
import * as vConsole from 'vconsole'
if (process.env.VUE_APP_FLAG !== 'PROD') {
// eslint-disable-next-line no-new,new-cap
new vConsole()
}
附上我的版本
"vconsole": "^3.14.1",
"vue": "^2.6.11",
更多推荐
已为社区贡献5条内容
所有评论(0)