项目中经常用到console.log语句来进行测试,那么有什么办法快速输出呢?下面我来介绍3种方法,个人现在使用的是最后一种方法。
方法一
在vscode中增加一个用户的代码片段,具体做法是:文件 => 首选项 => 用户片段 => 新建一个全局的用户片段,然后在里面增加这几行代码,
"快速打印输出语句": {
"scope": "javascript,typescript",
"prefix": "log",
"body": [
"console.log($1)"
],
"description": "Log output to console"
},
方法二
安装es6插件,全称是JavaScript (ES6) snippets,安装完后,输入clg,即可弹出console.log()语句了
方法三
它实现的效果是:输入str.log,然后按下tab,自动将其转换成 console.log(str),需要依赖一个插件,在插件那里搜索vscode-prefix-log,点击安装。然后来到你自己vscode安装的目录,一般位置(windows)是 C:\Users\你的用户名.vscode\extensions,在最后找到 zhangleilei.vscode-prefix-log-0.1.3 文件夹,用vscode打开,修改里面的2个文件,分别是extension.js 和 package.json。具体的修改见下图所示。
至此,已经实现了我们的效果。另外,vscode-prefix-log插件的github地址是:https://github.com/qinhangong/vscode-prefix-log 。如果想要看源码的话,可以去这里。