vscode 代碼片段多光標

2022-07-09 10:19 更新

在前面的文章中,我們已經知道多光標能夠大幅度減少重復勞動,而在代碼片段里,我們也可以使用多光標的特性。

上面提到我們可以用 ${1:label} 來指定 Tab Stop 和占位符,但其實我們也可以在代碼片段的多個位置使用同樣的 Tab Stop 。

舉個例子,我們可以在代碼片段中三個不同的位置插入 $1,這樣編輯器就會為這三個不同的位置,分別創(chuàng)建一個光標,然后當我們打字的時候,他們就會被一起修改。

下面,我們就一起來給上面的代碼片段加上多光標的特性。

 "Print to console": {
"prefix": "log",
"body": [
"console.log(${1:i});",
"console.log(${1:i} + 1); // ${1:i} + 1",
"$2"
],
"description": "Log output to console"
}
for (var j = 0; j < 5; j++) {

}

JavaScript

插入了 log 這個代碼片段,然后將循環(huán)的 index 換成了 j。


以上內容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號