項目中經常用到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 。如果想要看源碼的話,可以去這里。