參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

基本編輯

Visual Studio Code 首先是一個編輯器,包含了高效原始碼編輯所需的功能。本主題將帶您瞭解編輯器的基礎知識,幫助您開始編寫程式碼。

鍵盤快捷鍵

在編寫程式碼時,能夠將雙手保持在鍵盤上對於提高生產力至關重要。VS Code 擁有一套豐富的預設鍵盤快捷鍵,並允許您自定義它們。

多重選擇(多游標)

VS Code 支援多個游標,可進行快速的同步編輯。您可以使用 Alt+單擊 新增次要游標(渲染得更細)。每個游標根據其所在上下文獨立操作。一種常見的新增更多游標的方法是使用 ⌥⌘↓ (Windows Ctrl+Alt+Down, Linux Shift+Alt+Down)⌥⌘↑ (Windows Ctrl+Alt+Up, Linux Shift+Alt+Up) 在下方或上方插入游標。

注意

您的顯示卡驅動程式(例如 NVIDIA)可能會覆蓋這些預設快捷鍵。

Multi-cursor

⌘D (Windows、Linux Ctrl+D) 會選擇游標處的單詞,或當前選區的下一個匹配項。

Multi-cursor-next-word

提示

您還可以使用 ⇧⌘L (Windows、Linux Ctrl+Shift+L) 新增更多游標,這將在當前所選文字的每個匹配項處新增一個選區。

多游標修飾鍵

如果您想將在 macOS 上應用多游標的修飾鍵更改為 Cmd+單擊,在 Windows 和 Linux 上更改為 Ctrl+單擊,您可以透過 editor.multiCursorModifier 設定 來實現。這使得來自其他編輯器(如 Sublime Text 或 Atom)的使用者可以繼續使用他們熟悉的鍵盤修飾鍵。

該設定可以設定為:

  • ctrlCmd - 在 Windows 上對映到 Ctrl,在 macOS 上對映到 Cmd
  • alt - 現有的預設值 Alt

還有一個選單項 選擇 > 切換為 Ctrl+單擊以實現多游標選擇 > 切換為 Alt+單擊以實現多游標 來快速切換此設定。

轉到定義開啟連結 的手勢也會遵循此設定並進行調整,以避免衝突。例如,當設定為 ctrlCmd 時,可以使用 Ctrl/Cmd+單擊 新增多個游標,而使用 Alt+單擊 來呼叫開啟連結或轉到定義。

縮小/擴充套件選區

快速縮小或擴充套件當前選區。使用 ⌃⇧⌘← (Windows、Linux Shift+Alt+Left)⌃⇧⌘→ (Windows、Linux Shift+Alt+Right) 來觸發。

這是一個使用 ⌃⇧⌘→ (Windows、Linux Shift+Alt+Right) 擴充套件選區的示例:

Expand selection

列(塊)選擇

將游標放在一個角,然後按住 Shift+Alt 的同時拖動到對角:

Column text selection

注意

當使用 Ctrl/Cmd 作為多游標修飾鍵時,此操作變為 Shift+Ctrl/Cmd

在 macOS 和 Windows 上也有用於列選擇的預設鍵盤快捷鍵,但在 Linux 上沒有。

命令 命令 ID
⇧↓ (Windows, Linux Shift+Down) 向下塊選 cursorColumnSelectDown
⇧↑ (Windows, Linux Shift+Up) 向上塊選 cursorColumnSelectUp
⇧← (Windows, Linux Shift+Left) 向左塊選 cursorColumnSelectLeft
⇧→ (Windows, Linux Shift+Right) 向右塊選 cursorColumnSelectRight
⇧PageDown (Windows, Linux Shift+PageDown) 向下翻頁塊選 cursorColumnSelectPageDown
⇧PageUp (Windows, Linux Shift+PageUp) 向上翻頁塊選 cursorColumnSelectPageUp

如果您想將它們繫結到更熟悉的操作,可以編輯您的 keybindings.json

列選擇模式

使用者設定 Editor: Column Selection 控制此功能。一旦進入此模式(如狀態列中所示),滑鼠手勢和箭頭鍵將預設建立列選擇。這個全域性開關也可以透過 選擇 > 列選擇模式 選單項訪問。此外,也可以從狀態列停用列選擇模式。

儲存 / 自動儲存

預設情況下,VS Code 需要一個明確的操作來將您的更改儲存到磁碟,即 ⌘S (Windows、Linux Ctrl+S)

然而,很容易開啟 自動儲存,它會在配置的延遲後或當焦點離開編輯器時儲存您的更改。開啟此選項後,無需顯式儲存檔案。開啟 自動儲存 的最簡單方法是使用 檔案 > 自動儲存 開關,它可以在延遲後開啟和關閉儲存。

要更精細地控制 自動儲存,請開啟使用者或工作區設定並找到相關設定:

  • files.autoSave: 可以有以下值:
    • off - 停用自動儲存。
    • afterDelay - 在配置的延遲後儲存檔案(預設為 1000 毫秒)。
    • onFocusChange - 當焦點移出未儲存檔案的編輯器時儲存檔案。
    • onWindowChange - 當焦點移出 VS Code 視窗時儲存檔案。
  • files.autoSaveDelay: 當 files.autoSave 配置為 afterDelay 時,配置延遲的毫秒數。預設為 1000 毫秒。

如果您想為特定語言或檔案型別自定義 自動儲存 功能,可以透過在 settings.json 檔案中新增特定於語言的規則來實現。

例如,為 LaTeX 檔案停用 自動儲存

    "[latex]": {
        "files.autoSave": "off",
    },

熱退出

預設情況下,VS Code 會在您退出時記住對檔案的未儲存更改。當透過 檔案 > 退出 (macOS 上為 Code > 退出) 關閉應用程式或關閉最後一個視窗時,會觸發熱退出。

您可以透過將 files.hotExit 設定為以下值來配置熱退出:

  • "off": 停用熱退出。
  • "onExit": 當應用程式關閉時(即在 Windows/Linux 上關閉最後一個視窗或觸發 workbench.action.quit 命令時,可從命令面板、鍵盤快捷鍵或選單觸發),將觸發熱退出。所有未開啟資料夾的視窗將在下次啟動時恢復。
  • "onExitAndWindowClose": 當應用程式關閉時(即在 Windows/Linux 上關閉最後一個視窗或觸發 workbench.action.quit 命令時,可從命令面板、鍵盤快捷鍵或選單觸發),以及對於任何打開了資料夾的視窗,無論它是否是最後一個視窗,都將觸發熱退出。所有未開啟資料夾的視窗將在下次啟動時恢復。要將資料夾視窗恢復到關閉前的狀態,請將 window.restoreWindows 設定為 all

如果熱退出出現問題,所有備份都儲存在標準安裝位置的以下資料夾中:

  • Windows %APPDATA%\Code\Backups
  • macOS $HOME/Library/Application Support/Code/Backups
  • Linux $HOME/.config/Code/Backups

查詢和替換

VS Code 允許您在當前開啟的檔案中快速查詢和替換文字。按 ⌘F (Windows、Linux Ctrl+F) 開啟編輯器中的查詢控制元件並輸入搜尋字串。搜尋結果會在編輯器、概覽標尺和縮圖中高亮顯示。

VS Code 會在您輸入時立即開始搜尋。如果只想在按下 Enter 時才開始搜尋,請清除 editor.find.findOnType 設定。

如果當前檔案中有多個匹配項,當查詢輸入框有焦點時,按 Enter 跳轉到下一個結果,或按 ⇧Enter (Windows、Linux Shift+Enter) 跳轉到上一個結果。

預設情況下,VS Code 會為工作區儲存您的查詢和替換查詢歷史,並在重啟後恢復。您可以使用 editor.find.historyeditor.find.replaceHistory 設定來配置此行為。將值設定為 never 以停用儲存歷史記錄。

從選區設定搜尋字串

當查詢控制元件開啟時,它會自動將編輯器中選定的文字填充到查詢輸入框中。如果選區為空,則游標下的單詞將被插入輸入框中。

Seed Search String From Selection

可以透過將 editor.find.seedSearchStringFromSelection 設定為 "never" 來關閉此功能。

在選區中查詢

預設情況下,查詢操作在編輯器的整個檔案上執行。要將搜尋限制在文字選區內,請選擇查詢控制元件上的 在選區中查詢 圖示或按 ⌥⌘L (Windows、Linux Alt+L)

Find In Selection

如果您希望它成為查詢控制元件的預設行為,可以將 editor.find.autoFindInSelection 設定為 always,或者設定為 multiline(如果您希望僅在選擇了多行內容時才對選定文字執行)。

高階查詢和替換選項

對於更高階的場景,查詢和替換控制元件具有以下選項:

  • 查詢控制元件

    • 區分大小寫
    • 全字匹配
    • 使用正則表示式
  • 替換控制元件

    • 保留大小寫

Advanced Find and Replace Options

多行支援和查詢控制元件大小調整

您可以透過將文字貼上到查詢輸入框和替換輸入框中來搜尋多行文字。按 Ctrl+Enter 可在輸入框中插入新行。

Multiple Line Support

搜尋長文字時,查詢控制元件的預設大小可能太小。您可以拖動左側的分隔條來放大查詢控制元件,或雙擊左側分隔條以最大化或縮小到其預設大小。

Resize Find control

跨檔案搜尋

VS Code 允許您快速搜尋當前開啟資料夾中的所有檔案。按 ⇧⌘F (Windows、Linux Ctrl+Shift+F) 並輸入您的搜尋詞。搜尋結果會按包含搜尋詞的檔案分組,並顯示每個檔案中的匹配次數及其位置。展開一個檔案可以預覽該檔案中的所有匹配項。然後單擊其中一個匹配項以在編輯器中檢視它。

A simple text search across files

提示

VS Code 還支援在搜尋框中使用正則表示式搜尋。

您可以透過選擇搜尋框右下方的省略號(切換搜尋詳情)來配置高階搜尋選項(或按 ⇧⌘J (Windows、Linux Ctrl+Shift+J))。這將顯示用於配置搜尋的其他欄位。

提示

您可以使用“快速搜尋”來快速查詢當前開啟資料夾中所有檔案的文字。開啟命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)) 並輸入 搜尋: 快速搜尋 命令。

高階搜尋選項

Advanced search options

在搜尋框下方的兩個輸入框中,您可以輸入要包含或排除在搜尋之外的模式。如果您輸入 example,它將匹配工作區中名為 example 的每個資料夾和檔案。如果您輸入 ./example,它將匹配您工作區頂層的資料夾 example/。使用 , 分隔多個模式。路徑必須使用正斜槓。您還可以使用萬用字元模式語法,例如:

  • * 匹配路徑段中的零個或多個字元
  • ? 匹配路徑段中的一個字元
  • ** 匹配任意數量的路徑段,包括零個
  • {} 用於分組條件(例如 {**/*.html,**/*.txt} 匹配所有 HTML 和文字檔案)
  • [] 用於宣告要匹配的字元範圍(example.[0-9] 匹配 example.0example.1 等)
  • [!...] 用於否定要匹配的字元範圍(example.[!0-9] 匹配 example.aexample.b,但不匹配 example.0

VS Code 預設會排除一些資料夾,以減少您不感興趣的搜尋結果數量(例如:node_modules)。開啟設定,在 files.excludesearch.exclude 部分更改這些規則。

請注意,搜尋檢視中的萬用字元模式與 files.excludesearch.exclude 等設定中的工作方式不同。在設定中,您必須使用 **/example 來匹配工作區中子資料夾 folder1/example 下名為 example 的資料夾。在搜尋檢視中,** 字首是預設假定的。這些設定中的萬用字元模式總是相對於工作區資料夾的路徑進行評估。

另請注意要排除的檔案框中的使用排除設定和忽略檔案切換按鈕。該切換決定是否排除被您的 .gitignore 檔案忽略和/或與您的 files.excludesearch.exclude 設定匹配的檔案。

提示

在資源管理器中,您可以右鍵單擊一個資料夾並選擇在資料夾中查詢,以僅在該資料夾內搜尋。

搜尋和替換

您還可以在多個檔案中進行搜尋和替換。展開搜尋小部件以顯示替換文字框。

search and replace

當您在替換文字框中輸入文字時,您將看到一個待定更改的差異顯示。您可以從替換文字框中替換所有檔案中的內容,替換單個檔案中的所有內容,或替換單個更改。

search and replace diff view

提示

您可以使用 (Windows, Linux Down) (Windows, Linux Up) 在您的搜尋詞歷史記錄中導航,從而快速重用以前的搜尋詞。

正則表示式替換中的大小寫轉換

VS Code 支援在編輯器或全域性進行搜尋和替換時更改正則表示式匹配組的大小寫。這是透過修飾符 \u\U\l\L 實現的,其中 \u\l 會將單個字元轉換為大寫/小寫,而 \U\L 會將匹配組的其餘部分轉換為大寫/小寫。

示例

Changing case while doing find and replace

這些修飾符也可以疊加使用 - 例如,\u\u\u$1 會將組的前三個字元轉換為大寫,或者 \l\U$1 會將第一個字元轉換為小寫,其餘部分轉換為大寫。捕獲組在替換字串中透過 $n 引用,其中 n 是捕獲組的順序。

搜尋編輯器

搜尋編輯器讓您可以在一個全尺寸的編輯器中檢視工作區搜尋結果,並帶有語法高亮和可選的上下文周邊行。

下面是搜尋單詞“SearchEditor”的示例,匹配項前後各有兩行文字作為上下文:

Search Editor overview

開啟搜尋編輯器命令會開啟一個已有的搜尋編輯器(如果存在),否則會建立一個新的。新建搜尋編輯器命令將總是建立一個新的搜尋編輯器。

在搜尋編輯器中,可以使用轉到定義操作導航到結果,例如按 F12 在當前編輯器組中開啟源位置,或按 ⌘K F12 (Windows、Linux Ctrl+K F12) 在旁邊的編輯器中開啟該位置。此外,您可以透過 search.searchEditor.singleClickBehavioursearch.searchEditor.doubleClickBehaviour 設定來配置單擊或雙擊搜尋結果的行為。例如,開啟一個預覽定義視窗或開啟源位置。

您也可以使用搜索檢視頂部的開啟新搜尋編輯器按鈕,並且可以透過結果樹頂部的在編輯器中開啟連結,或使用搜尋編輯器:在編輯器中開啟結果命令,將現有搜尋結果複製到搜尋編輯器中。

Search Editor Button

上面的搜尋編輯器是透過選擇搜尋檢視頂部的開啟新搜尋編輯器按鈕(第三個按鈕)開啟的。

搜尋編輯器命令和引數

  • search.action.openNewEditor - 在新標籤頁中開啟搜尋編輯器。
  • search.action.openInEditor - 將當前搜尋結果複製到一個新的搜尋編輯器中。
  • search.action.openNewEditorToSide - 在您當前開啟的視窗旁邊的新視窗中開啟搜尋編輯器。

您可以向搜尋編輯器命令(search.action.openNewEditor, search.action.openNewEditorToSide)傳遞兩個引數,以允許鍵盤快捷鍵配置新搜尋編輯器的行為:

  • triggerSearch - 開啟搜尋編輯器時是否自動執行搜尋。預設為 true。
  • focusResults - 是將焦點放在搜尋結果上還是查詢輸入框上。預設為 true。

例如,以下鍵盤快捷鍵在開啟搜尋編輯器時執行搜尋,但將焦點保留在搜尋查詢控制元件中。

{
  "key": "ctrl+o",
  "command": "search.action.openNewEditor",
  "args": { "query": "VS Code", "triggerSearch": true, "focusResults": false }
}

搜尋編輯器上下文預設值

search.searchEditor.defaultNumberOfContextLines 設定的預設值為 1,表示在搜尋編輯器中,每個結果行的前後將顯示一行上下文。

重用上一個搜尋編輯器配置

search.searchEditor.reusePriorSearchConfiguration 設定(預設為 false)允許您在建立新搜尋編輯器時重用上一個活動搜尋編輯器的配置。

IntelliSense

我們總是提供單詞補全,但對於 JavaScript、JSON、HTML、CSS、SCSS、Less、C# 和 TypeScript 等富語言,我們提供了真正的智慧感知(IntelliSense)體驗。如果語言服務知道可能的補全,智慧感知建議將在您鍵入時彈出。您始終可以手動使用 ⌃Space (Windows、Linux Ctrl+Space) 來觸發它。預設情況下,TabEnter 是接受建議的鍵盤觸發器,但您也可以自定義這些鍵盤快捷鍵

提示

建議篩選支援駝峰命名法(CamelCase),因此您可以輸入方法名中的大寫字母來限制建議。例如,“cra”將很快顯示“createApplication”。

提示

智慧感知建議可以透過 editor.quickSuggestionseditor.suggestOnTriggerCharacters 設定進行配置。

JavaScript 和 TypeScript 開發者可以利用 npmjs 型別宣告(typings)檔案倉庫來獲得常見 JavaScript 庫(Node.js、React、Angular)的智慧感知。您可以在JavaScript 語言主題和Node.js教程中找到關於使用型別宣告檔案的詳細說明。

智慧感知文件中瞭解更多資訊。

格式化

VS Code 對原始碼格式化有很好的支援。編輯器有兩個明確的格式化操作:

  • 格式化文件 (⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I)) - 格式化整個活動檔案。
  • 格式化選區 (⌘K ⌘F (Windows、Linux Ctrl+K Ctrl+F)) - 格式化選定的文字。

您可以從命令面板 (⇧⌘P (Windows、Linux Ctrl+Shift+P)) 或編輯器上下文選單中呼叫這些命令。

VS Code 為 JavaScript、TypeScript、JSON、HTML 和 CSS 提供了預設的格式化工具。每種語言都有特定的格式化選項(例如,html.format.indentInnerHtml),您可以在使用者或工作區設定中根據自己的偏好進行調整。如果您安裝了為相同語言提供格式化功能的其他擴充套件,也可以停用預設的語言格式化工具。

"html.format.enable": false

除了手動呼叫程式碼格式化外,您還可以根據使用者手勢(如鍵入、儲存或貼上)觸發格式化。這些行為預設是關閉的,但您可以透過以下設定啟用它們:

注意

並非所有格式化工具都支援貼上時格式化,因為要做到這一點,它們必須支援格式化選區或文字範圍。

除了預設的格式化工具外,您還可以在市場中找到支援其他語言或格式化工具的擴充套件。有一個 Formatters 類別,因此您可以輕鬆搜尋並找到格式化擴充套件。在擴充套件檢視的搜尋框中,輸入 'formatters' 或 'category:formatters' 以檢視 VS Code 中篩選出的擴充套件列表。

摺疊

您可以使用行號和行首之間邊欄上的摺疊圖示來摺疊原始碼區域。將滑鼠移到邊欄上並單擊以摺疊和展開區域。在摺疊圖示上使用 Shift + 單擊 可以摺疊或展開該區域及其內部的所有區域。

Folding

您還可以使用以下操作:

  • 摺疊 (⌥⌘[ (Windows、Linux Ctrl+Shift+[)) - 摺疊游標處最內層的未摺疊區域。
  • 展開 (⌥⌘] (Windows、Linux Ctrl+Shift+])) - 展開游標處的已摺疊區域。
  • 切換摺疊 (⌘K ⌘L (Windows、Linux Ctrl+K Ctrl+L)) - 摺疊或展開游標處的區域。
  • 遞迴摺疊 (⌘K ⌘[ (Windows、Linux Ctrl+K Ctrl+[)) - 摺疊游標處最內層的未摺疊區域及其內部的所有區域。
  • 遞迴展開 (⌘K ⌘] (Windows、Linux Ctrl+K Ctrl+])) - 展開游標處的區域及其內部的所有區域。
  • 全部摺疊 (⌘K ⌘0 (Windows、Linux Ctrl+K Ctrl+0)) - 摺疊編輯器中的所有區域。
  • 全部展開 (⌘K ⌘J (Windows、Linux Ctrl+K Ctrl+J)) - 展開編輯器中的所有區域。
  • 摺疊級別 X (⌘K ⌘2 (Windows、Linux Ctrl+K Ctrl+2),對於級別 2) - 摺疊所有級別為 X 的區域,但當前游標位置的區域除外。
  • 摺疊所有塊註釋 (⌘K ⌘/ (Windows、Linux Ctrl+K Ctrl+/)) - 摺疊所有以塊註釋標記開始的區域。

預設情況下,摺疊區域是根據行的縮排評估的。當一行的縮排小於其後一行或多行的縮排時,摺疊區域開始;當有一行的縮排與開始行相同或更小時,摺疊區域結束。

摺疊區域也可以根據編輯器配置語言的語法標記來計算。以下語言已經提供了語法感知的摺疊功能:Markdown、HTML、CSS、LESS、SCSS 和 JSON。

如果您希望為上述一種(或所有)語言切換回基於縮排的摺疊,請使用:

  "[html]": {
    "editor.foldingStrategy": "indentation"
  },

區域也可以由每種語言定義的標記來定義。目前定義了標記的語言如下:

語言 開始區域 結束區域
Bat ::#regionREM #region ::#endregionREM #endregion
C# #region #endregion
C/C++ #pragma region #pragma endregion
CSS/Less/SCSS /*#region*/ /*#endregion*/
Coffeescript #region #endregion
F# //#region(#_region) //#endregion(#_endregion)
Java //#region//<editor-fold> //#endregion//</editor-fold>
Markdown <!-- #region --> <!-- #endregion -->
Perl5 #region=pod #endregion=cut
PHP #region #endregion
PowerShell #region #endregion
Python #region# region #endregion# endregion
TypeScript/JavaScript //#region //#endregion
Visual Basic #Region #End Region

要僅摺疊和展開由標記定義的區域,請使用:

  • 摺疊標記區域 (⌘K ⌘8 (Windows、Linux Ctrl+K Ctrl+8)) - 摺疊所有標記區域。
  • 展開標記區域 (⌘K ⌘9 (Windows、Linux Ctrl+K Ctrl+9)) - 展開所有標記區域。

摺疊選區

命令從選區建立手動摺疊範圍 (⌘K ⌘, (Windows、Linux Ctrl+K Ctrl+,)) 會從當前選定的行建立一個摺疊範圍並將其摺疊。該範圍被稱為手動摺疊範圍,它位於由摺疊提供程式計算的範圍之上。

可以使用命令移除手動摺疊範圍 (⌘K ⌘. (Windows、Linux Ctrl+K Ctrl+.)) 來移除手動摺疊範圍。

在沒有程式語言支援摺疊的情況下,手動摺疊範圍特別有用。

縮排

VS Code 允許您控制文字縮排以及是否使用空格或製表符。預設情況下,VS Code 插入空格,併為每個 Tab 鍵使用 4 個空格。如果您想使用其他預設設定,可以修改 editor.insertSpaceseditor.tabSize 設定

    "editor.insertSpaces": true,
    "editor.tabSize": 4,

自動檢測

VS Code 會分析您開啟的檔案並確定文件中使用的縮排。自動檢測到的縮排會覆蓋您的預設縮排設定。檢測到的設定顯示在狀態列的右側:

auto detect indentation

您可以單擊狀態列上的縮排顯示,以彈出一個帶有縮排命令的下拉選單,允許您更改開啟檔案的預設設定或在製表符和空格之間轉換。

indentation commands

注意

VS Code 的自動檢測會檢查 2、4、6 或 8 個空格的縮排。如果您的檔案使用不同數量的空格,縮排可能無法正確檢測。例如,如果您的慣例是使用 3 個空格進行縮排,您可能需要關閉 editor.detectIndentation 並明確將製表符大小設定為 3。

    "editor.detectIndentation": false,
    "editor.tabSize": 3,

檔案編碼支援

透過在使用者設定工作區設定中使用 files.encoding 設定來全域性或按工作區設定檔案編碼。

files.encoding setting

您可以在狀態列中檢視檔案編碼。

Encoding in status bar

單擊狀態列中的編碼按鈕,以使用不同的編碼重新開啟或儲存活動檔案。

Reopen or save with a different encoding

然後選擇一個編碼。

Select an encoding

改寫模式

在 1.96 版本之前,VS Code 僅支援*插入*模式,即字元在游標位置插入,除非您安裝了 Vim 鍵盤對映擴充套件

自 1.96 版本起,VS Code 支援*改寫*模式,該模式允許您覆蓋現有字元,而不是在游標位置插入字元。預設情況下,改寫模式是關閉的。

要在插入模式和改寫模式之間切換,請在命令面板中執行切換改寫/插入模式命令或按 (⌥⌘O (Windows、Linux Insert))。當您處於改寫模式時,狀態列指示器會顯示 `OVR`。

您可以透過配置 editor.overtypeCursorStyle 設定來更改改寫模式下的游標樣式。

使用 editor.overtypeOnPaste 設定可以在貼上時覆蓋文字。您需要處於改寫模式才能使此設定生效。

比較檔案

VS Code 支援多種方式來比較當前檔案或任意兩個檔案的內容。

當您在編輯器中開啟一個活動檔案時,您有以下比較選項:

  • 與工作區檔案比較:在命令面板中,選擇檔案:將活動檔案與...比較,然後選擇另一個檔案進行比較。
  • 與剪貼簿比較:在命令面板中,選擇檔案:將活動檔案與剪貼簿比較 (⌘K C (Windows、Linux Ctrl+K C)) 以將當前檔案與剪貼簿內容進行比較。
  • 與已儲存版本比較:在命令面板中,選擇檔案:將活動檔案與已儲存版本比較 (⌘K D (Windows、Linux Ctrl+K D)) 以將當前檔案與上次儲存的版本進行比較。

要比較任意兩個檔案:

  • 在資源管理器檢視中右鍵單擊一個檔案,選擇選擇以進行比較。然後,右鍵單擊第二個檔案並選擇與選定檔案比較
  • 要開始兩個空編輯器視窗之間的比較,請從命令面板中選擇檔案:比較新的無標題文字檔案
提示

您可以從命令列使用 --diff 選項啟動 VS Code 來比較兩個檔案。瞭解更多關於VS Code 命令列介面的資訊。

後續步驟

您已經瞭解了基本的使用者介面 - VS Code 還有更多功能。請繼續閱讀以瞭解:

常見問題

是否可以進行全域性搜尋和替換?

是的,展開搜尋檢視文字框以包含一個替換文字欄位。您可以在工作區的所有檔案中進行搜尋和替換。請注意,如果您沒有在資料夾上開啟 VS Code,搜尋將僅在當前開啟的檔案上執行。

global search and replace

如何開啟自動換行?

您可以透過 editor.wordWrap 設定來控制自動換行。預設情況下,editor.wordWrapoff,但如果您將其設定為 on,文字將在編輯器的視口寬度處換行。

    "editor.wordWrap": "on"

您可以使用 ⌥Z (Windows、Linux Alt+Z) 為 VS Code 會話切換自動換行。

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

與其他編輯器一樣,剪下複製等命令適用於整個換行後的行。三擊可選擇整個換行後的行。按兩次 Home 鍵可將游標移動到行的最開始處。按兩次 End 鍵可將游標移動到行的最末尾處。

如何避免在自動換行的行中放置額外的游標?

如果您希望在當前選區的上方或下方新增游標時忽略換行,您可以在鍵盤快捷鍵的 args 中傳入 { "logicalLine": true },如下所示:

{
  "key": "shift+alt+down",
  "command": "editor.action.insertCursorBelow",
  "when": "textInputFocus",
  "args": { "logicalLine": true },
},
{
  "key": "shift+alt+up",
  "command": "editor.action.insertCursorAbove",
  "when": "textInputFocus",
  "args": { "logicalLine": true },
},