線上程式碼到片段轉換工具，支援 JavaScript / TypeScript / React / JSX / TSX
VS Code 片段是透過自動插入常用程式碼區塊來提高編碼效率的強大方法。它們可以是簡單的文字擴展，也可以是具有佔位符和變數的更複雜的模板。以下是如何利用它們：
建立片段：
存取代碼段設定：前往「檔案」>「首選項」>「使用者代碼段」（在 macOS 上為「代碼」>「首選項」>「使用者代碼段」）。或者，使用命令選項板（Ctrl+Shift+P 或 Cmd+Shift+P）並鍵入「首選項：設定使用者片段」。
選擇語言：系統會提示您為程式碼片段選擇一種語言（例如 javascript.json、python.json 等）。這可確保該程式碼片段僅適用於該特定語言。如果您希望可以跨所有語言存取程式碼片段，您也可以建立「全域程式碼片段」檔案。
定義片段：片段以 JSON 格式定義。每個程式碼段都有一個名稱、一個前綴（您將鍵入以觸發該程式碼段的捷徑）、一個正文（要插入的程式碼）和一個可選說明。
範例（JavaScript）：
{
"For Loop": {
"prefix": "forl",
"body": [
"for (let i = 0; i < $1; i++) {",
" $0",
"}"
],
"description": "For loop with index"
}
}在這個例子中：
「For Loop」：程式碼片段的名稱（供您參考）。
“forl”：前綴。輸入“forl”並按 Tab 鍵將插入程式碼片段。
“body”：要插入的程式碼。 $1、$2 等是製表符（佔位符）。 $0 是最終遊標位置。
“description”：IntelliSense 建議中顯示的可選描述。
使用片段：
輸入前綴：在正確語言類型的檔案中，開始輸入您定義的前綴（例如 forl）。
選擇程式碼片段：VS Code 的 IntelliSense 將建議程式碼片段。使用箭頭鍵或按一下選擇它。
使用製表位：按 Tab 鍵在製表位（$1、$2 等）之間導航並填入數值。
變數：
程式碼片段還可以利用 $TM_FILENAME、$CURRENT_YEAR 等變數。
變數範例 (Python)：
{
"New Python File": {
"prefix": "newpy",
"body": [
"#!/usr/bin/env python3",
"# -*- coding: utf-8 -*-",
"",
"# ${TM_FILENAME}",
"# Created by: ${USER} on ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}"
]
}
}透過掌握程式碼片段，您可以顯著減少重複輸入並確保程式碼的一致性。嘗試為常用的程式碼模式建立自己的程式碼片段，並觀察您的編碼效率的飆升。