Visual Studio Code 實用技巧和訣竅

使用本文中的實用技巧和訣竅，即可立即開始並學習如何高效使用 Visual Studio Code。熟悉其強大的編輯、程式碼智慧和原始碼控制功能，並學習有用的鍵盤快捷鍵。請務必瀏覽入門和使用者指南中其他深入的主題，以瞭解更多資訊。

如果您剛開始使用，請務必檢視VS Code 教程，以逐步瞭解關鍵功能。

如果尚未安裝 Visual Studio Code，請訪問下載頁面。您可以在在 Linux 上執行 VS Code、macOS 和Windows 上找到特定於平臺的設定說明。

喜歡影片嗎？您可以觀看 VS Code Day 講座 Visual Studio Code 實用技巧和訣竅 或 提升您的 VS Code 體驗。

基礎知識

入門

探索 VS Code 的最佳方式是開啟歡迎頁面，然後選擇一個演練，透過設定步驟、功能和 VS Code 提供的更深層次的自定義進行自助式導覽。在您發現和學習時，演練會跟蹤您的進度。

從幫助>歡迎選單開啟歡迎頁面，或使用命令面板中的幫助: 歡迎命令 (⇧⌘P (Windows, Linux Ctrl+Shift+P))。

擴充套件也可以提供演練。您還可以透過使用命令面板中的幫助: 開啟演練...命令 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 直接開啟演練。

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

從幫助>編輯器操場選單開啟歡迎頁面，或使用命令面板中的幫助: 互動式編輯器操場命令 (⇧⌘P (Windows, Linux Ctrl+Shift+P))。

命令面板

根據當前上下文訪問所有可用命令。

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

預設鍵盤快捷鍵

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

鍵盤參考表

下載您平臺的鍵盤快捷鍵參考表 (macOS、Windows、Linux)。

浮動視窗

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

將編輯器選項卡從當前 VS Code 視窗拖出，以在浮動視窗中開啟它。或者，使用編輯器選項卡中的移動到新視窗或複製到新視窗上下文選項。

整合終端

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

您可以從下拉列表中選擇另一個終端 shell。根據您的作業系統和系統配置，可能會列出不同的 shell。

進一步閱讀

• 整合終端文件
• 掌握 VS Code 終端文章

切換側邊欄

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

切換面板

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

禪模式

進入無干擾的禪模式。

鍵盤快捷鍵：⌘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)

如果您想為檔案型別持久化新的語言模式，請使用配置檔案關聯命令將當前副檔名與已安裝的語言關聯起來。

自定義

有許多選項可以自定義 VS Code 以滿足您的偏好

• 更改主題
• 更改鍵盤快捷鍵
• 調整設定
• 新增 JSON 驗證
• 建立程式碼片段
• 安裝擴充套件

更改主題

VS Code 附帶了許多內建的顏色主題。使用首選項: 顏色主題命令或使用鍵盤快捷鍵。

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

您可以從 VS Code 擴充套件Marketplace 安裝更多主題。選擇首選項: 顏色主題>+ 瀏覽其他顏色主題...命令以從 Marketplace 搜尋主題。

此外，您還可以安裝和更改檔案圖示主題。

按鍵對映

您是否習慣了其他編輯器的鍵盤快捷鍵？您可以安裝一個按鍵對映擴充套件，將您喜歡的編輯器的鍵盤快捷鍵帶到 VS Code。使用首選項: 按鍵對映命令以檢視Visual Studio Marketplace 上的當前列表。

一些更受歡迎的按鍵對映是

• Vim
• Sublime Text 按鍵對映
• Emacs 按鍵對映
• Atom 按鍵對映
• Brackets 按鍵對映
• Eclipse 按鍵對映
• Visual Studio 按鍵對映

自定義鍵盤快捷鍵

您可以在鍵盤快捷鍵編輯器中檢視和自定義鍵盤快捷鍵。使用首選項: 開啟鍵盤快捷鍵命令或使用快捷鍵開啟編輯器。

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

選擇鉛筆圖示或在特定條目上使用 Enter 來編輯鍵盤快捷鍵。使用搜索欄位過濾列表。

您還可以搜尋快捷鍵並將自己的鍵盤快捷鍵新增到 keybindings.json 檔案中。

請參閱Visual Studio Code 的按鍵繫結中的更多內容。

調整設定

預設情況下，VS Code 會顯示“設定”編輯器來檢視和編輯設定。您還可以使用“開啟使用者設定 (JSON)”命令或透過更改您的預設設定編輯器，使用 workbench.settings.editor 設定來編輯底層 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

字型連字

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

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

自動儲存

"files.autoSave": "afterDelay"

您還可以透過頂層選單中的檔案>自動儲存切換自動儲存。

儲存時格式化

"editor.formatOnSave": true

貼上時格式化

"editor.formatOnPaste": true

更改 Tab 字元的大小

"editor.tabSize": 4

空格或製表符

"editor.insertSpaces": true

渲染空白字元

"editor.renderWhitespace": "all"

空白字元預設在文字選擇中呈現。

忽略檔案/資料夾

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

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

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

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

瞭解許多其他自定義。

語言特定設定

您可以使用語言識別符號為特定語言設定作用域。您可以在語言識別符號參考中找到常用語言 ID 列表。

"[languageid]": {

}

提示：您還可以使用配置語言特定設定命令建立語言特定設定。

新增 JSON 驗證

JSON 驗證預設已為許多檔案型別啟用。在 settings.json 中建立您自己的模式和驗證

"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+click（macOS 上為Cmd+click）連結以在預設瀏覽器中開啟它。您可以透過設定 workbench.externalBrowser 設定來配置預設瀏覽器。

將瀏覽器可執行檔案的完整路徑指定為設定值。或者，為了確保在不同裝置上正常執行，您還可以使用瀏覽器別名，例如 edge、chrome 或 firefox。

"workbench.externalBrowser": "edge"

將多個日誌合併到一個檢視中

“輸出”面板顯示各種服務的輸出。每個服務通常都有自己的日誌。要分析來自多個服務的相關日誌資訊，您可以將多個日誌合併到一個複合日誌中。

從“輸出”面板的溢位選單中選擇建立複合日誌...。

擴充套件

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

查詢擴充套件

您可以使用多個來源查詢擴充套件

• 在 VS Code Marketplace 中。
• 在 VS Code 的擴充套件檢視中搜索。
• 檢視擴充套件建議
• 社群精選的擴充套件列表，例如 awesome-vscode。

查詢熱門擴充套件

在擴充套件檢視中，選擇篩選器控制元件，然後選擇最熱門或排序方式>安裝次數。

擴充套件建議

在擴充套件檢視中，選擇篩選器控制元件，然後選擇推薦以檢視推薦擴充套件列表。

建立您自己的擴充套件

您有興趣建立自己的擴充套件嗎？您可以在擴充套件 API 文件中學習如何操作，特別是檢視貢獻點文件。

• 配置
• 命令
• 鍵盤快捷鍵
• 語言
• 偵錯程式
• 語法
• 主題
• 程式碼片段
• jsonValidation

檔案和資料夾

簡單檔案對話方塊

透過簡單檔案對話方塊，您可以用 VS Code 中更簡單的快速選擇對話方塊替換系統的預設檔案對話方塊，用於開啟和儲存檔案和資料夾。

設定：files.simpleDialog

顯示資源管理器檢視

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

快速開啟

快速搜尋並開啟檔案。

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

提示：鍵入 ? 以檢視命令建議。

鍵入 edt 或 term 等命令，後跟一個空格，會顯示一個下拉列表。

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

重複按下快速開啟鍵盤快捷鍵可在最近開啟的檔案之間快速迴圈。

從快速開啟中開啟多個檔案

您可以透過按 右箭頭 從快速開啟中開啟多個檔案。這會在後臺開啟當前選定的檔案，您可以繼續從快速開啟中選擇檔案。

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

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

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

顯示一個快速選擇下拉列表，其中包含檔案>開啟最近中的列表，其中包含最近開啟的資料夾和工作區，後跟檔案。

從連結建立或開啟檔案

鍵盤快捷鍵：Ctrl+click（macOS 上為Cmd+click）

您可以將游標移動到檔案連結，然後按 Ctrl+click 來快速開啟檔案或影像，或建立新檔案。

關閉當前開啟的資料夾

鍵盤快捷鍵：⌘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"
}

防止髒寫入

當您嘗試儲存因磁碟上已更改而無法儲存的檔案時，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+Click（macOS 上為Option+Click）。

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

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

您可以使用 ⇧⌘L (Windows, Linux Ctrl+Shift+L) 為當前選擇的所有匹配項新增額外游標。

注意：您還可以透過 editor.multiCursorModifier 設定將修飾符更改為 Ctrl/Cmd，以應用多個游標。有關詳細資訊，請參閱多游標修飾符。

如果您不想添加當前選擇的所有匹配項，可以改用 ⌘D (Windows, Linux Ctrl+D)。這隻選擇您選擇的下一個匹配項，因此您可以逐個新增選擇。

列（框）選擇

您可以透過按住 Shift+Alt（macOS 上為Shift+Option）同時拖動滑鼠來選擇文字塊。每個選定行的末尾都會新增一個單獨的游標。

您還可以使用鍵盤快捷鍵來觸發列選擇。

垂直標尺

您可以使用 editor.rulers 設定向編輯器新增垂直列標尺，該設定接受一個列字元位置陣列，您希望在這些位置顯示垂直標尺。

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

快速滾動

按下 Alt 鍵可以在編輯器和資源管理器中啟用快速滾動。預設情況下，快速滾動使用 5 倍速度倍數，但您可以透過編輯器：快速滾動靈敏度 (editor.fastScrollSensitivity) 設定來控制倍數。

鎖定滾動

您可以使用檢視：在編輯器之間切換鎖定滾動命令同步所有可見編輯器中的滾動。這意味著當您在一個編輯器中滾動時，所有其他編輯器都會滾動相同的量，從而保持一切對齊。

您可以選擇僅在按住特定鍵盤快捷鍵時啟用滾動同步。為 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 鍵盤快捷鍵衝突，請參閱問題 #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)

大綱檢視

檔案資源管理器中的“大綱”檢視（預設在底部摺疊）顯示當前開啟檔案的符號。

您可以按符號名稱、類別和檔案中的位置進行排序，並允許快速導航到符號位置。

導航到特定行

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

撤消游標位置

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

修剪尾隨空格

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

轉換文字命令

您可以使用命令面板中的轉換命令將選定的文字轉換為大寫、小寫和標題大小寫。

程式碼格式化

當前選定的原始碼：⌘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)

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

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

選擇當前行

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

導航到檔案的開頭和結尾

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

開啟 Markdown 預覽

在 Markdown 檔案中，使用

鍵盤快捷鍵：⇧⌘V (Windows, Linux Ctrl+Shift+V)

並排 Markdown 編輯和預覽

在 Markdown 檔案中，使用

鍵盤快捷鍵：⌘K V (Windows, Linux Ctrl+K V)

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

IntelliSense

⌃Space (Windows, Linux Ctrl+Space) 觸發建議小部件。

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

速覽

選擇一個符號，然後鍵入 ⌥F12 (Windows Alt+F12, Linux Ctrl+Shift+F10)。或者，您可以使用上下文選單。

轉到定義

選擇一個符號，然後鍵入 F12。或者，您可以使用上下文選單或 Ctrl+click（macOS 上為Cmd+click）。

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

當您將滑鼠懸停在型別上時，如果您按 Ctrl（macOS 上為Cmd），您還可以看到型別定義。

轉到引用

選擇一個符號，然後鍵入 ⇧F12 (Windows, Linux Shift+F12)。或者，您可以使用上下文選單。

查詢所有引用檢視

選擇一個符號，然後鍵入 ⇧⌥F12 (Windows, Linux Shift+Alt+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：切換 Git blame 編輯器裝飾和Git：切換 Git blame 狀態列專案命令，或配置這些設定

• git.blame.statusBarItem.enabled（預設啟用）
• git.blame.editorDecoration.enabled

瞭解有關 VS Code 中 Git blame 支援以及如何自定義佈局的更多資訊。

差異

從原始碼管理檢視中，選擇一個檔案以開啟差異編輯器。或者，單擊右上角的開啟更改按鈕以比較當前開啟的檔案。

檢視

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

透過單擊右上角的更多操作 (...) 按鈕，然後選擇內聯檢視來切換內聯檢視。

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

可訪問的差異檢視器

使用 F7 和 ⇧F7 (Windows, Linux Shift+F7) 導航差異。這以統一的補丁格式呈現更改。可以使用箭頭鍵導航行，按下 Enter 將跳回到差異編輯器並跳到所選行。

編輯待定更改

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

分支

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

暫存

暫存檔案更改

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

單擊減號按鈕以取消暫存更改。

暫存選定項

您可以透過在檔案中進行文字選擇，然後從命令面板或差異編輯器上下文選單（右鍵單擊）中選擇暫存選定範圍來暫存檔案的一部分。

撤消上次提交

單擊 (...) 按鈕，然後選擇提交 > 撤消上次提交以撤消上一次提交。更改將新增到“暫存的更改”部分。

檢視 Git 輸出

VS Code 使您能夠輕鬆檢視實際執行的 Git 命令。這在您仍在學習 Git 或除錯棘手的原始碼控制問題時會很有幫助。

要檢視 Git 輸出，請在“原始碼管理”檢視中單擊 (...) 按鈕，然後選擇顯示 Git 輸出，使用Git：顯示 Git 輸出命令，或使用切換輸出命令 (⇧⌘U (Windows Ctrl+Shift+U, Linux Ctrl+K Ctrl+H))，然後從下拉列表中選擇Git。

側邊欄指示器

編輯器在側邊欄中提供視覺提示，說明更改的位置和型別（新增、更改或刪除的行）。有關詳細資訊，請參閱原始碼管理文件。

解決合併衝突

在合併過程中，轉到原始碼管理檢視 (⌃⇧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 來切換斷點。編輯器邊距中的斷點通常顯示為紅色實心圓圈。

除錯會話開始後，除錯工具欄將出現在編輯器頂部，使您能夠在除錯時單步執行或步入程式碼。在除錯文件中瞭解有關除錯操作的更多資訊。

資料檢查

可以在執行和除錯檢視的變數部分、透過將滑鼠懸停在編輯器中的源上或透過使用除錯控制檯來檢查變數。

日誌點

日誌點的工作方式與斷點非常相似，但它們在命中時不是暫停偵錯程式，而是將訊息記錄到控制檯。日誌點對於在除錯無法修改或暫停的生產伺服器時注入日誌記錄特別有用。

使用左側編輯器邊欄中的新增日誌點命令新增日誌點，它將顯示為“菱形”圖示。日誌訊息是純文字，但可以包含在大括號 ('{}') 中評估的表示式。

觸發斷點

觸發斷點是一種在另一個斷點命中後自動啟用的斷點。當代碼中出現僅在特定先決條件發生後才出現的故障情況時，它們非常有用。

可以透過右鍵單擊字形邊距，選擇 新增觸發斷點，然後選擇哪個其他斷點啟用此斷點來設定觸發斷點。

任務執行器

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

自動檢測任務

從頂層選單中選擇終端，執行命令配置任務，然後選擇您要執行的任務型別。這會生成一個包含以下內容的 tasks.json 檔案。有關詳細資訊，請參閱任務文件。

{
  // 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)) 中，選擇首選項: 開啟鍵盤快捷鍵檔案，將所需的快捷鍵繫結到 workbench.action.tasks.runTask 命令，並將任務定義為 args。

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

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

從資源管理器執行 npm 指令碼作為任務

從資源管理器檢視中，您可以在編輯器中開啟指令碼，將其作為任務執行，並使用節點偵錯程式啟動它（當指令碼定義了除錯選項如 --inspect-brk 時）。單擊時的預設操作是開啟指令碼。要單擊一次執行指令碼，請將 npm.scriptExplorerAction 設定為 run。使用設定 npm.exclude 來排除特定資料夾中 package.json 檔案中包含的指令碼。

透過設定 npm.enableRunFromFolder，您可以從資料夾的資源管理器檢視上下文選單中執行 npm 指令碼。當選擇資料夾時，該設定會啟用在資料夾中執行 NPM 指令碼...命令。該命令會顯示一個快速選擇列表，其中包含此資料夾中包含的 npm 指令碼，您可以選擇要作為任務執行的指令碼。

便攜模式

VS Code 具有便攜模式，可讓您將設定和資料儲存在與安裝相同的位置，例如，在 USB 驅動器上。

內測版

Visual Studio Code 團隊使用內測版來測試 VS Code 的最新功能和錯誤修復。您也可以透過在此處下載內測版來使用。

• 對於早期採用者 - 內測版具有最新的程式碼更改，供使用者和擴充套件作者試用。
• 頻繁構建 - 每天都有新版本，包含最新的錯誤修復和功能。
• 並排安裝 - 內測版與穩定版並行安裝，允許您獨立使用兩者。