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