vscode 快速输出log语句

项目中经常用到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。具体的修改见下图所示。

1. extension.js 的修改，第30行的代码
   

2. package.json 的修改，第30行的代码
   

至此，已经实现了我们的效果。另外，vscode-prefix-log插件的github地址是：https://github.com/qinhangong/vscode-prefix-log 。如果想要看源码的话，可以去这里。