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行的代码
    https://gitee.com/Zcb991/upload_images/raw/master/20211123/5pvj^LExGIEL.jpg

  2. package.json 的修改,第30行的代码
    https://gitee.com/Zcb991/upload_images/raw/master/20211123/Rf*aGNTNut3Y.jpg

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM