vscode 代碼片段占位符

 在我們插入 Tab Stop 的時(shí)候，除了 $1 、 $2 這樣的語(yǔ)法，我們還可以填入 ${1:label} ，在這個(gè)格式下，代碼片段被插入編輯器里時(shí)，$1 的位置處，會(huì)預(yù)先填入 label這個(gè)值，并且 label 會(huì)被選中。

對(duì)于這個(gè)值我們稱之為占位符，顧名思義，這個(gè)值是我們?cè)诖a片段中預(yù)先設(shè)置好的。如果我們覺得這個(gè)值可以用，那就不需要修改了，直接按 Tab 鍵跳到下一個(gè) Tab Stop 繼續(xù)編輯。如果覺得要換成一個(gè)新的值，那么也只需直接打字就可以將其替換，因?yàn)檫@個(gè)占位符已經(jīng)被光標(biāo)選中了。

這里我們對(duì)上面的代碼片段進(jìn)行一點(diǎn)修改：

 "Print to console": {
"prefix": "log",
"body": [
"console.log(${1:i});",
"$2"
],
"description": "Log output to console"
}

JavaScript

我們將 $1 改成了 ${1:i} ，那么當(dāng)log 這個(gè)代碼片段被插入時(shí)，我們將看到 console.log(i); ，同時(shí) i 被選中。比如在下面的循環(huán)語(yǔ)句里，我們就不用更改i了。

for (var i = 0; i < 5; i++) {

}

JavaScript

插入代碼片段后，無需更改占位符

而在接下來這個(gè)循環(huán)語(yǔ)句里，循環(huán)的 index 是 j，所以我們就需要將i換成 j。

for (var j = 0; j < 5; j++) {

}

JavaScript

插入代碼片段后，將占位符改為 j

上面我們提到了，有的時(shí)候如果占位符剛好是我們想要的，我們就不需要再做任何的修改了，我們可以按住 Tab 鍵，不斷地跳過各個(gè) Tab Stop，也可以直接按下 Escape 鍵，跳出代碼片段的編輯模式，之后繼續(xù)我們的其他編輯操作。