vscode 代碼片段占位符

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

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

這里我們對上面的代碼片段進行一點修改：

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

JavaScript

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

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

}

JavaScript

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

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

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

}

JavaScript

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

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