vscode console.log 插件

vscode console.log 插件

在项目中经常会打印数据进行调试,每次敲console.log 好麻烦,(浏览器Sources断点更适用于复杂、异步的调试bug)
发现了一个vscode插件 javascript console utils

安装
在这里插入图片描述
使用方法 随意选中变量

ctrl shift + L
在这里插入图片描述
也可以通过 ctrl shift + D 一键删除本页面所有console.log

这里再分享个插件 babel-plugin-transform-remove-console 可移除production环境项目代码中的console.log

安装

npm install babel-plugin-transform-remove-console --save-dev

修改babel.config.js

const IS_PROD=process.env.NODE_ENV==='production' // 判断是否是production环境
const plugins=[]
if(IS_PROD){
    plugins.unshift(['transform-remove-console'],{exclude:['error']})
}

版权声明:本文为weixin_43881166原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。