Visual Studio Code 提示與技巧

使用本文中的提示與技巧快速上手，學習如何利用 Visual Studio Code 提高效率。熟悉強大的編輯、程式碼智慧與原始碼控制功能，並學習實用的鍵盤快速鍵。請務必探索 入門 與 使用者指南 中的其他深入主題以了解更多資訊。

如果您才剛開始使用，請務必查看 VS Code 教程，以逐步了解核心功能。

如果您尚未安裝 Visual Studio Code，請前往 下載 頁面。您可以在 在 Linux 上執行 VS Code、macOS 和 Windows 找到各平台的安裝說明。

偏好影片嗎？您可以觀看 VS Code Day 的演講 Visual Studio Code tips and tricks 或 Elevate your VS Code experience。

基礎

入門指南

親身探索 VS Code 的最佳方式是開啟 歡迎 頁面，然後選擇 導覽，透過自助式導覽了解 VS Code 提供的設定步驟、功能和進階自訂。在您探索和學習的過程中，導覽會追蹤您的進度。

從 說明 > 歡迎 功能表開啟歡迎頁面，或從命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 使用 Help: Welcome 命令。

延伸模組也可以提供導覽。您也可以從命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 使用 Help: Open Walkthrough... 命令直接開啟導覽。

如果您想提升程式碼編輯技巧，請開啟 互動式編輯器遊樂場。嘗試 VS Code 的 程式碼編輯功能，例如多游標編輯、IntelliSense、程式碼片段、Emmet 等。

從 說明 > 編輯器遊樂場 功能表開啟歡迎頁面，或從命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 使用 Help: Interactive Editor Playground 命令。

命令面板

根據您目前的內容存取所有可用命令。

鍵盤快速鍵：⇧⌘P (Windows, Linux Ctrl+Shift+P)

預設鍵盤快速鍵

命令面板中的許多命令都有與之關聯的預設鍵盤快速鍵。您可以在 命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 中的命令旁看到預設鍵盤快速鍵。

鍵盤參考表

下載適用於您平台的鍵盤快速鍵參考表 (macOS, Windows, Linux)。

浮動視窗

您可以在浮動視窗中開啟編輯器、終端機或特定檢視，例如將編輯器移動到螢幕的其他位置，甚至是另一個螢幕。

將編輯器索引標籤拖出目前的 VS Code 視窗，即可在浮動視窗中開啟。或者，使用編輯器索引標籤內容功能表中的 移至新視窗 或 複製到新視窗 選項。

整合終端機

鍵盤快速鍵：⌃` (Windows, Linux Ctrl+`)

您可以從下拉式選單中選取另一個終端機殼層。視您的作業系統和系統組態而定，您可能會看到列出不同的殼層。

進階閱讀

• 整合終端機 文件
• 精通 VS Code 終端機文章

切換側邊欄

鍵盤快速鍵：⌘B (Windows, Linux Ctrl+B)

切換面板

鍵盤快速鍵：⌘J (Windows, Linux Ctrl+J)

禪宗模式 (Zen mode)

進入無干擾的禪宗模式。

鍵盤快速鍵：⌘K Z (Windows, Linux Ctrl+K Z)

按兩下 Esc 鍵退出禪宗模式。

命令列

VS Code 具有強大的命令列介面 (CLI)，可讓您自訂編輯器的啟動方式以支援各種案例。例如，您可以從命令列啟動 VS Code 來開啟差異編輯器以比較兩個檔案。

請確保 VS Code 二進位檔位在您的路徑中，以便您只需輸入 'code' 即可啟動 VS Code。如果在安裝過程中將 VS Code 新增到您的環境路徑，請參閱各平台的安裝說明 (在 Linux 上執行 VS Code, macOS, Windows)。

# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5

# see help options
code --help

# disable all extensions
code --disable-extensions .

.vscode 資料夾

特定於工作區的組態檔案位於工作區根目錄的 .vscode 資料夾中。例如，用於 工作執行器 的 tasks.json 和用於 偵錯器 的 launch.json。

狀態列

錯誤與警告

鍵盤快速鍵：⇧⌘M (Windows, Linux Ctrl+Shift+M)

快速跳轉至專案中的錯誤和警告。

使用 F8 或 ⇧F8 (Windows, Linux Shift+F8) 循環查看錯誤

您可以依類型（'資訊'、'錯誤'、'警告'）或符合的文字來過濾問題清單。

變更語言模式

狀態列中的語言模式表示與使用中編輯器相關聯的語言（例如 Markdown、Python 等）。您可以選取狀態列語言模式指示器或使用鍵盤快速鍵來變更目前編輯器的語言模式。

鍵盤快速鍵：⌘K M (Windows, Linux Ctrl+K M)

如果您想為某種檔案類型永久保留新的語言模式，請使用 Configure File Association for 命令將目前的副檔名與已安裝的語言建立關聯。

自訂

有許多選項可以根據您的偏好自訂 VS Code

• 變更您的佈景主題
• 變更您的鍵盤快速鍵
• 調整您的設定
• 新增 JSON 驗證
• 建立程式碼片段
• 安裝延伸模組

變更您的佈景主題

VS Code 隨附許多內建的 色彩佈景主題。使用 Preferences: Color Theme 命令或使用鍵盤快速鍵。

鍵盤快速鍵：⌘K ⌘T (Windows, Linux Ctrl+K Ctrl+T)

您可以從 VS Code 延伸模組 市集 安裝更多佈景主題。選取 Preferences: Color Theme > + Browse Additional Color Themes... 命令以從市集搜尋佈景主題。

此外，您可以安裝並變更檔案圖示佈景主題。

按鍵對應 (Keymaps)

習慣其他編輯器的鍵盤快速鍵嗎？您可以安裝按鍵對應延伸模組，將您喜愛的編輯器鍵盤快速鍵帶到 VS Code。使用 Preferences: Keymaps 命令在 Visual Studio Marketplace 上查看目前的清單。

一些較受歡迎的按鍵對應包括：

• Vim
• Sublime Text Keymap
• Emacs Keymap
• Atom Keymap
• Brackets Keymap
• Eclipse Keymap
• Visual Studio Keymap

自訂您的鍵盤快速鍵

您可以在 鍵盤快速鍵 編輯器中檢視和自訂鍵盤快速鍵。使用 Preferences: Open Keyboard Shortcuts 命令或使用快速鍵開啟編輯器。

鍵盤快速鍵：⌘K ⌘S (Windows, Linux Ctrl+K Ctrl+S)

選取鉛筆圖示或在特定項目上使用 Enter 鍵來編輯鍵盤快速鍵。使用搜尋欄位過濾清單。

您也可以搜尋快速鍵並將自己的鍵盤快速鍵新增至 keybindings.json 檔案。

請參閱 Visual Studio Code 的按鍵繫結 以了解更多資訊。

調整您的設定

根據預設，VS Code 會顯示設定編輯器來檢視和編輯設定。您也可以使用 Open User Settings (JSON) 命令或使用 workbench.settings.editor 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定來變更預設設定編輯器，以編輯底層的 settings.json 檔案。

開啟使用者設定 settings.json

鍵盤快速鍵：⌘, (Windows, Linux Ctrl+,)

變更各種 UI 元素的字型大小

// Main editor
"editor.fontSize": 18,
// Terminal panel
"terminal.integrated.fontSize": 14,
// Output panel
"[Log]": {
    "editor.fontSize": 15
}

變更縮放層級

"window.zoomLevel": 5

字型連字 (Font ligatures)

"editor.fontFamily": "Fira Code",
"editor.fontLigatures": true

提示： 您需要安裝支援字型連字的字型。FiraCode 是 VS Code 小組中受歡迎的字型。

自動儲存

"files.autoSave": "afterDelay"

您也可以從頂層功能表的 檔案 > 自動儲存 切換自動儲存。

儲存時格式化

"editor.formatOnSave": true

貼上時格式化

"editor.formatOnPaste": true

變更 Tab 字元的大小

"editor.tabSize": 4

空格或 Tab

"editor.insertSpaces": true

呈現空白字元

"editor.renderWhitespace": "all"

預設情況下，選取文字時會呈現空白字元。

忽略檔案 / 資料夾

從編輯器視窗中移除這些檔案 / 資料夾。

"files.exclude": {
    "somefolder/": true,
    "somefile": true
}

從搜尋結果中移除這些檔案 / 資料夾。

"search.exclude": {
    "someFolder/": true,
    "somefile": true
}

瞭解許多 其他自訂設定。

特定語言設定

您可以使用語言識別碼來限定特定語言的設定。您可以在 語言識別碼 參考中找到常用語言識別碼清單。

"[languageid]": {

}

提示： 您也可以使用 Configure Language Specific Settings 命令建立特定語言的設定。

新增 JSON 驗證

JSON 驗證預設為許多檔案類型啟用。在 settings.json 中建立您自己的結構描述 (schema) 和驗證

"json.schemas": [
    {
        "fileMatch": [
            "bower.json"
        ],
        "url": "https://json.schemastore.org/bower"
    }
]

或針對您工作區中定義的結構描述

"json.schemas": [
    {
        "fileMatch": [
            "**/foo.json"
        ],
        "url": "./myschema.json"
    }
]

或使用自訂結構描述

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "The name of the entry"
                }
            }
        }
    }
]

請參閱 JSON 文件了解更多資訊。

設定預設瀏覽器

在 VS Code 中，您可以按住 Ctrl 並點選 (Cmd 並點選於 macOS) 連結，在預設瀏覽器中開啟它。您可以透過設定 workbench.externalBrowser 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定 來設定預設瀏覽器。

指定瀏覽器執行檔的完整路徑作為設定值。或者，為了確保跨裝置正常運作，您也可以使用瀏覽器別名，例如 edge、chrome 或 firefox。

"workbench.externalBrowser": "edge"

將多個記錄合併到單一檢視中

輸出面板顯示各種服務的輸出。每個服務通常都有自己的記錄。若要分析來自多個服務的相關記錄資訊，您可以將多個記錄合併為單一 複合記錄。

從輸出面板的溢位功能表中選取 Create Compound Log...。

延伸模組

鍵盤快速鍵：⇧⌘X (Windows, Linux Ctrl+Shift+X)

尋找延伸模組

您可以使用多種來源來尋找延伸模組

• 在 VS Code 市集 中。
• 在 VS Code 內的 延伸模組 檢視中搜尋。
• 檢視延伸模組建議
• 社群精選的延伸模組清單，例如 awesome-vscode。

尋找熱門延伸模組

在 延伸模組 檢視中，選取 過濾 控制項，然後選取 最熱門 或 排序依據 > 安裝次數。

延伸模組建議

在 延伸模組 檢視中，選取 過濾 控制項，然後選取 建議 以查看建議的延伸模組清單。

建立您自己的延伸模組

您有興趣建立自己的延伸模組嗎？您可以在 延伸模組 API 文件 中學習如何操作，特別是查看關於 貢獻點 (contribution points) 的文件。

• 組態 (configuration)
• 命令 (commands)
• 鍵盤快速鍵 (keyboard shortcuts)
• 語言 (languages)
• 偵錯器 (debuggers)
• 語法 (grammars)
• 佈景主題 (themes)
• 程式碼片段 (snippets)
• json 驗證 (jsonValidation)

檔案與資料夾

簡易檔案對話方塊

使用簡易檔案對話方塊，您可以用 VS Code 中更簡單的快速選取 (Quick Pick) 對話方塊取代系統預設的開啟與儲存檔案/資料夾對話方塊。

設定： files.simpleDialog 在 VS Code 中開啟 在 VS Code Insiders 中開啟

顯示總管檢視

鍵盤快速鍵：⇧⌘E (Windows, Linux Ctrl+Shift+E)

快速開啟 (Quick Open)

快速搜尋並開啟檔案。

鍵盤快速鍵：⌘P (Windows, Linux Ctrl+P)

提示： 輸入 ? 查看命令建議。

輸入命令（例如 edt 或 term）後接一個空格會顯示下拉式清單。

在最近開啟的檔案之間導覽

重複按下 快速開啟 鍵盤快速鍵，可在最近開啟的檔案之間快速切換。

從快速開啟開啟多個檔案

您可以透過按下 向右鍵 從 快速開啟 開啟多個檔案。這會在背景開啟目前選取的檔案，您可以繼續從 快速開啟 中選取檔案。

在最近開啟的資料夾和工作區之間導覽

開啟最近的資料夾或工作區。

鍵盤快速鍵：⌃R (Windows, Linux Ctrl+R)

顯示快速選取下拉式選單，其中包含 檔案 > 開啟最近的項目 中的清單，依序為最近開啟的資料夾、工作區與檔案。

從連結建立或開啟檔案

鍵盤快速鍵：Ctrl+點選 (Cmd+點選 於 macOS)

您可以透過將游標移至檔案連結並按下 Ctrl+點選，快速開啟檔案或影像，或建立新檔案。

關閉目前開啟的資料夾

鍵盤快速鍵：⌘K F (Windows, Linux Ctrl+K F)

導覽歷史記錄

導覽整個歷史記錄：⌃Tab (Windows, Linux Ctrl+Tab)

向後導覽：⌃- (Windows Alt+Left, Linux Ctrl+Alt+-)

向前導覽：⌃⇧- (Windows Alt+Right, Linux Ctrl+Shift+-)

檔案關聯

為未正確偵測的檔案建立語言關聯。例如，許多具有自訂副檔名的組態檔案實際上是 JSON。

"files.associations": {
    ".database": "json"
}

防止髒寫 (Dirty writes)

當您嘗試儲存一個因磁碟內容已變更而無法儲存的檔案時，VS Code 會顯示錯誤訊息。VS Code 會阻止儲存檔案，以防止覆寫編輯器外部所做的變更。

若要解決儲存衝突，請在通知彈出視窗中選取 比較 動作，以開啟差異編輯器，顯示磁碟上的檔案內容（左側）與 VS Code 中的內容（右側）。

使用編輯器工具列中的動作來解決儲存衝突。您可以 接受 您的變更並藉此覆寫磁碟上的任何變更，或 還原 到磁碟上的版本。還原意味著您的變更將會遺失。

注意： 檔案會保持髒狀態 (未儲存)，直到您選取其中一個動作來解決衝突為止。

編輯技巧

這裡選錄了一些常用的程式碼編輯功能。如果您更熟悉其他編輯器的鍵盤快速鍵，請考慮安裝 按鍵對應延伸模組。

提示：您可以在 延伸模組 檢視中透過將搜尋過濾為 @recommended:keymaps 來查看推薦的按鍵對應延伸模組。

並排編輯

鍵盤快速鍵：⌘\ (Windows, Linux Ctrl+\)

您也可以拖放編輯器來建立新的編輯器群組，以及在群組之間移動編輯器。

在編輯器之間切換

鍵盤快速鍵：⌘1 (Windows, Linux Ctrl+1), ⌘2 (Windows, Linux Ctrl+2), ⌘3 (Windows, Linux Ctrl+3)

多游標選取

若要在任意位置新增游標，請使用滑鼠選取位置並使用 Alt+點選 (Option+點選 於 macOS)。

要在目前位置上方或下方設定游標，請使用：

鍵盤快速鍵：⌥⌘↑ (Windows Ctrl+Alt+Up, Linux Shift+Alt+Up) 或 ⌥⌘↓ (Windows Ctrl+Alt+Down, Linux Shift+Alt+Down)

您可以使用 ⇧⌘L (Windows, Linux Ctrl+Shift+L) 將額外游標新增至目前選取內容的所有出現位置。

注意：您也可以透過 editor.multiCursorModifier 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定 將套用多游標的修飾鍵更改為 Ctrl/Cmd。詳情請參閱 多游標修飾鍵。

如果您不想新增目前選取內容的所有出現位置，可以改用 ⌘D (Windows, Linux Ctrl+D)。這只會選取您選取的下一個出現位置，以便您逐一新增選取範圍。

欄 (方框) 選取

您可以透過在拖動滑鼠時按住 Shift+Alt (Shift+Option 於 macOS) 來選取文字區塊。每個選取行的末尾都會新增一個單獨的游標。

您也可以使用 鍵盤快速鍵 來觸發欄選取。

垂直尺規

您可以使用 editor.rulers 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定在編輯器中新增垂直欄尺規，該設定接受一個陣列，其中包含您想要垂直尺規的欄字元位置。

{
  "editor.rulers": [20, 40, 60]
}

快速捲動

按下 Alt 鍵可在編輯器和總管中啟用快速捲動。預設情況下，快速捲動使用 5 倍速，但您可以透過 Editor: Fast Scroll Sensitivity ( editor.fastScrollSensitivity 在 VS Code 中開啟 在 VS Code Insiders 中開啟 ) 設定來控制倍數。

鎖定捲動

您可以使用 View: Toggle Locked Scrolling Across Editors 命令在所有可見編輯器之間同步捲動。這意味著當您在一個編輯器中捲動時，所有其他編輯器都會捲動相同的量，保持一切對齊。

您可以選擇僅在按住特定鍵盤快速鍵時才啟動捲動同步。為 workbench.action.holdLockedScrolling 命令設定鍵盤快速鍵，以暫時鎖定各編輯器之間的捲動。

向上 / 向下複製行

鍵盤快速鍵：⇧⌥↑ (Windows Shift+Alt+Up, Linux Ctrl+Shift+Alt+Up) 或 ⇧⌥↓ (Windows Shift+Alt+Down, Linux Ctrl+Shift+Alt+Down)

向上/向下複製行 命令在 Linux 上未繫結，因為 VS Code 預設鍵盤快速鍵會與 Ubuntu 鍵盤快速鍵衝突，請參閱 Issue #509。您仍然可以將命令 editor.action.copyLinesUpAction 和 editor.action.copyLinesDownAction 設定為您自己偏好的鍵盤快速鍵。

向上和向下移動行

鍵盤快速鍵：⌥↑ (Windows, Linux Alt+Up) 或 ⌥↓ (Windows, Linux Alt+Down)

縮小 / 擴大選取範圍

鍵盤快速鍵：⌃⇧⌘← (Windows, Linux Shift+Alt+Left) 或 ⌃⇧⌘→ (Windows, Linux Shift+Alt+Right)

您可以在 基本編輯 文件中瞭解更多資訊。

移至檔案中的符號

鍵盤快速鍵：⇧⌘O (Windows, Linux Ctrl+Shift+O)

您可以透過新增冒號 @: 來依種類對符號進行分組。

移至工作區中的符號

鍵盤快速鍵：⌘T (Windows, Linux Ctrl+T)

大綱檢視 (Outline view)

檔案總管中的大綱檢視（預設摺疊在底部）會顯示目前開啟檔案的符號。

您可以依符號名稱、類別和檔案中的位置進行排序，以便快速導覽至符號位置。

導覽至特定行

鍵盤快速鍵：⌃G (Windows, Linux Ctrl+G)

復原游標位置

鍵盤快速鍵：⌘U (Windows, Linux Ctrl+U)

修剪尾隨空白

鍵盤快速鍵：⌘K ⌘X (Windows, Linux Ctrl+K Ctrl+X)

轉換文字命令

您可以使用命令面板中的 Transform 命令將選取的文字更改為大寫、小寫和詞首大寫。

程式碼格式化

目前選取的原始碼：⌘K ⌘F (Windows, Linux Ctrl+K Ctrl+F)

整個文件格式化：⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I)

程式碼摺疊

鍵盤快速鍵：⌥⌘[ (Windows, Linux Ctrl+Shift+[), ⌥⌘] (Windows, Linux Ctrl+Shift+]) 和 ⌘K ⌘L (Windows, Linux Ctrl+K Ctrl+L)

您也可以使用 Fold All (⌘K ⌘0 (Windows, Linux Ctrl+K Ctrl+0)) 和 Unfold All (⌘K ⌘J (Windows, Linux Ctrl+K Ctrl+J)) 來摺疊/展開編輯器中的所有區域。

您可以使用 Fold All Block Comments (⌘K ⌘/ (Windows, Linux Ctrl+K Ctrl+/)) 摺疊所有區塊註釋。

選取目前行

鍵盤快速鍵：⌘L (Windows, Linux Ctrl+L)

導覽至檔案的開頭和結尾

鍵盤快速鍵：⌘↑ (Windows, Linux Ctrl+Home) 和 ⌘↓ (Windows, Linux Ctrl+End)

開啟 Markdown 預覽

在 Markdown 檔案中，使用

鍵盤快速鍵：

並排 Markdown 編輯與預覽

在 Markdown 檔案中，使用

鍵盤快速鍵：

預覽和編輯器將與您在任一檢視中的捲動保持同步。

IntelliSense

⌃Space (Windows, Linux Ctrl+Space) 以觸發建議小視窗。

您可以檢視可用的方法、參數提示、簡短文件等。

預覽 (Peek)

選取符號，然後輸入 ⌥F12 (Windows Alt+F12, Linux Ctrl+Shift+F10)。或者，您可以使用內容功能表。

移至定義

選取符號，然後輸入 F12。或者，您可以使用內容功能表或按住 Ctrl+點選 (Cmd+點選 於 macOS)。

您可以使用 Go > Back 命令或 ⌃- (Windows Alt+Left, Linux Ctrl+Alt+-) 返回上一個位置。

如果您在暫留於類型上時按下 Ctrl (Cmd 於 macOS)，也可以看到類型定義。

移至參考

選取符號，然後輸入 ⇧F12 (Windows, Linux Shift+F12)。或者，您可以使用內容功能表。

尋找所有參考檢視

選取符號，然後輸入 以開啟「參考」檢視，在專用檢視中顯示檔案的所有符號。

重新命名符號

選取符號，然後輸入 F2。或者，您可以使用內容功能表。

搜尋與修改

除了搜尋和取代運算式之外，您還可以搜尋並重複使用符合的部分內容，使用帶有擷取群組的正則運算式。透過按一下搜尋方塊中的 使用正則運算式 .* 按鈕 (⌥⌘R (Windows, Linux Alt+R)) 啟用正則運算式，然後編寫正則運算式並使用括號定義群組。然後，您可以透過在取代欄位中使用 $1、$2 等來重複使用每個群組中符合的內容。

.eslintrc.json

安裝 ESLint 延伸模組。根據您的喜好配置 linter。有關其 linting 規則和選項的詳細資訊，請參閱 ESLint 規格。

以下是使用 ES6 的組態。

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "classes": true,
      "defaultParams": true
    }
  },
  "rules": {
    "no-const-assign": 1,
    "no-extra-semi": 0,
    "semi": 0,
    "no-fallthrough": 0,
    "no-empty": 0,
    "no-mixed-spaces-and-tabs": 0,
    "no-redeclare": 0,
    "no-this-before-super": 1,
    "no-undef": 1,
    "no-unreachable": 1,
    "no-use-before-define": 0,
    "constructor-super": 1,
    "curly": 0,
    "eqeqeq": 0,
    "func-names": 0,
    "valid-typeof": 1
  }
}

package.json

查看 package.json 檔案的 IntelliSense。

Emmet 語法

支援 Emmet 語法.

程式碼片段

建立自訂程式碼片段

檔案 > 喜好設定 > 設定使用者程式碼片段，選取語言並建立程式碼片段。

"create component": {
    "prefix": "component",
    "body": [
        "class $1 extends React.Component {",
        "",
        "\trender() {",
        "\t\treturn ($2);",
        "\t}",
        "",
        "}"
    ]
},

更多詳情請參閱 建立您自己的程式碼片段。

Git 整合

鍵盤快速鍵：⌃⇧G (Windows, Linux Ctrl+Shift+G)

Git 整合是 VS Code 的內建功能。您可以從 VS Code 延伸模組市集 安裝其他原始碼管理 (SCM) 提供者。本節說明 Git 整合，但許多 UI 和手勢對其他 SCM 提供者也是通用的。

Git blame

VS Code 會在編輯器內嵌和狀態列中顯示 Git blame 資訊。將滑鼠懸停在狀態列項目或內嵌提示上即可查看詳細的 Git blame 資訊。

若要啟用或停用 Git blame 資訊，請使用 Git: Toggle Git Blame Editor Decoration 和 Git: Toggle Git Blame Status Bar Item 命令，或配置這些設定

• git.blame.statusBarItem.enabled 在 VS Code 中開啟 在 VS Code Insiders 中開啟 (預設為啟用)
• git.blame.editorDecoration.enabled 在 VS Code 中開啟 在 VS Code Insiders 中開啟

進一步瞭解 VS Code 中的 Git blame 支援 以及如何自訂版面配置。

差異 (Diffs)

從 原始碼管理 檢視中選取檔案以開啟差異編輯器。或者，選取右上角的 開啟變更 按鈕來對目前開啟的檔案進行差異比較。

檢視

差異比較的預設檢視是 並排檢視。

選取右上角的 更多動作 (...) 按鈕，然後選取 內嵌檢視，即可切換 內嵌檢視。

如果您偏好將內嵌檢視作為預設值，請配置 "diffEditor.renderSideBySide": false 設定。

輔助差異檢視器

使用 F7 和 ⇧F7 (Windows, Linux Shift+F7) 導覽差異。這會以統一修補格式呈現變更。可以使用方向鍵導覽各行，按下 Enter 會跳回差異編輯器和選定的行。

編輯待定變更

當您在差異編輯器中檢視變更時，可以直接在差異編輯器的待定變更側進行編輯。

分支

透過狀態列輕鬆切換 Git 分支。

暫存 (Staging)

暫存檔案變更

將滑鼠懸停在檔案數量上，然後選取加號按鈕以暫存檔案。

選取減號按鈕以取消暫存變更。

暫存選取範圍

您可以透過在檔案中選取文字，然後從 命令面板 或差異編輯器內容功能表（按右鍵）中選擇 暫存選取的範圍 來暫存檔案的一部分。

復原上次提交

選取 (...) 按鈕，然後選取 認可 > 復原上次認可 以復原上一次認可。變更會新增至「暫存的變更」區段。

查看 Git 輸出

VS Code 讓您可以輕鬆查看實際正在執行的 Git 命令。當您還在學習 Git 或正在偵錯困難的原始碼管理問題時，這會很有幫助。

若要查看 Git 輸出，請選取原始碼管理檢視中的 (...) 按鈕，然後選取 顯示 Git 輸出，使用 Git: Show Git Output 命令，或使用 切換輸出 命令 (⇧⌘U (Windows Ctrl+Shift+U, Linux Ctrl+K Ctrl+H))，然後從下拉式選單中選取 Git。

裝飾槽指示器 (Gutter indicators)

編輯器在裝飾槽中提供視覺提示，顯示哪些地方發生了哪些變更（新增、變更或移除行）。詳情請參閱 原始碼管理文件。

解決合併衝突

在合併期間，前往 原始碼管理 檢視 (⌃⇧G (Windows, Linux Ctrl+Shift+G)) 並在差異檢視中進行變更。

您可以使用內嵌 CodeLens 解決合併衝突，這可讓您 接受目前的變更、接受傳入的變更、接受兩者的變更 以及 比較變更。

進一步瞭解原始碼管理文件中的 解決合併衝突。

將 VS Code 設定為預設合併工具

git config --global merge.tool vscode
git config --global mergetool.vscode.cmd 'code --wait $MERGED'

將 VS Code 設定為預設差異工具

git config --global diff.tool vscode
git config --global difftool.vscode.cmd 'code --wait --diff $LOCAL $REMOTE'

與剪貼簿比較檔案

鍵盤快速鍵：⌘K C (Windows, Linux Ctrl+K C)

使用命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 中的 檔案: 比較使用中檔案與剪貼簿 命令，快速比較使用中檔案與剪貼簿的內容。

偵錯

配置偵錯器

在「執行與偵錯」檢視 (⇧⌘D (Windows, Linux Ctrl+Shift+D)) 中，選取 建立 launch.json 檔案，這會提示您選取與您的專案相匹配的環境（Node.js、Python、C++ 等）。這會在您的工作區中產生一個包含偵錯器組態的 launch.json 檔案。

Node.js 支援是內建的，其他環境則需要安裝對應的語言延伸模組。詳情請參閱 偵錯文件。

斷點與逐步執行

透過選取 編輯器邊界 或在目前行使用 F9 來切換中斷點。編輯器邊界中的中斷點通常顯示為紅色實心圓圈。

偵錯工作階段開始後，偵錯工具列 會出現在編輯器頂部，讓您在偵錯時逐步執行或進入程式碼。進一步瞭解偵錯文件中的 偵錯動作。

資料檢查

可以在 執行與偵錯 檢視的 變數 區段中、透過將滑鼠懸停在編輯器中的原始碼上，或使用偵錯主控台來檢查變數。

記錄點 (Logpoints)

記錄點的作用很像中斷點，但在觸及它們時不會停下偵錯器，而是將訊息記錄到主控台。記錄點對於在偵錯無法修改或暫停的正式環境伺服器時注入記錄特別有用。

使用左側編輯器裝飾槽中的 新增記錄點 命令新增記錄點，它會顯示為「菱形」圖示。記錄訊息是純文字，但可以包含要在大括號 ('{}') 內求值的運算式。

觸發的中斷點

觸發的中斷點是在另一個中斷點被觸及後自動啟用的中斷點。在診斷僅在特定前提條件後發生的程式碼失敗案例時，它們非常有用。

可以透過右鍵點選符號邊界，選取 新增觸發的中斷點，然後選擇哪個其他中斷點來啟用該中斷點。

工作執行器

VS Code 中的工作可以配置為執行腳本和啟動程序，以便在 VS Code 中使用這些工具，而無需進入命令列或編寫新程式碼。

自動偵測工作

從頂層功能表中選取 終端機，執行 設定工作 命令，然後選取您想要執行的工作類型。這會產生一個內容如下的 tasks.json 檔案。詳情請參閱 工作 (Tasks) 文件。

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "install",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}

自動產生偶爾會出現問題。請查看文件以使各項功能正常運作。

從終端機功能表執行工作

從頂層功能表中選取 終端機，執行 執行工作 命令，然後選取您想要執行的工作。執行 終止工作 命令來終止正在執行的工作。

為工作定義鍵盤快速鍵

您可以為任何工作定義鍵盤快速鍵。從 命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P))，選取 Preferences: Open Keyboard Shortcuts File，將所需的快速鍵繫結到 workbench.action.tasks.runTask 命令，並將 Task 定義為 args。

例如，要將 Ctrl+H 繫結到 Run tests 工作，請新增以下內容：

{
  "key": "ctrl+h",
  "command": "workbench.action.tasks.runTask",
  "args": "Run tests"
}

從總管將 npm 腳本作為工作執行

從總管檢視中，您可以在編輯器中開啟腳本，將其作為工作執行，並使用 Node 偵錯器啟動它（當腳本定義了偵錯選項如 --inspect-brk 時）。點選的預設動作是開啟腳本。要在單擊時執行腳本，請將 npm.scriptExplorerAction 在 VS Code 中開啟 在 VS Code Insiders 中開啟 設定為 run。使用設定 npm.exclude 在 VS Code 中開啟 在 VS Code Insiders 中開啟 排除位於特定資料夾中 package.json 檔案內的腳本。

透過設定 npm.enableRunFromFolder 在 VS Code 中開啟 在 VS Code Insiders 中開啟 ，您可以啟用從總管檢視中資料夾的內容功能表執行 npm 腳本。選取資料夾時，此設定會啟用 Run NPM Script in Folder... 命令。該命令會顯示該資料夾中包含的 npm 腳本的快速選取清單，您可以選取要作為工作執行的腳本。

便攜模式 (Portable mode)

VS Code 具有 可攜模式 (Portable mode)，可讓您將設定和資料保存在與安裝位置相同的位置，例如在 USB 隨身碟上。

Insiders 版本

Visual Studio Code 小組使用 Insiders 版本來測試 VS Code 的最新功能和錯誤修復。您也可以透過 在此下載 來使用 Insiders 版本。

• 適用於早期採用者 - Insiders 擁有最新的程式碼變更，供使用者和延伸模組作者試用。
• 頻繁建置 - 每天都有新的建置，包含最新的錯誤修復和功能。
• 並排安裝 - Insiders 與穩定版 (Stable) 並排安裝，讓您可以獨立使用兩者。