超好用vscode插件，不体验下吗?

这个变量到底是个啥？输出一下看看。

是否还在一行行地输入console.log呢？快来试试这款一键console插件吧！超好用

场景一：

const result = func();

想看看func到底返回了个啥？按cmd+y

const result = func();
console.log("result", result);

场景二：

function func(params1,params2) {
  return [params1,params2]
}

想看看func到底接受了啥参数？按cmd+y

function func(params1,params2) {
  console.log('func', params1, params2);
  return [params1,params2]
}

还有一些其他场景：

哎呀，太好用了，一不小心搞了太多打印语句，怎么办？

试试cmd+u，一键删除。

不会把我的关键代码也给删了吧？

放心，ast语法树识别安全无痛删除，附加贴心提示。error呀，warn呀，才不会误删。

什么？就想删除warn，安排。

{
  "qkConsole.delete.types": [
        "warn"
    ]
}

同时，附赠几个代码片段

{
  "console.log": {
    "prefix": ["clg", "log"],
    "body": ["console.log(${1});"],
    "description": "输出 log 日志"
  },
  "console.log with color": {
    "prefix": "clog",
    "body": ["console.log('%c ${1}: ', 'color: #bf2c9f; background: pink; font-size: 13px;', ${1});"],
    "description": "输出带颜色的 log 日志"
  },
  "console.time & timeEnd": {
    "prefix": "ctime",
    "body": ["console.time('${1}');\nconsole.timeEnd('${1}');"],
    "description": "输出 time 日志"
  }
}
    

使用方式：键入ctime，即可生成代码

console.time('')
console.timeEnd('')

其他类似。

支持对输出的log格式进行小的配置，可参考文档。

欢迎大家试用！

插件商店搜索 Quickly Console，安装即可。

如果大家有需求可以直接评论，也可提issue，合理地都可满足。

代码地址: quickly-console.git