User Guide（用戶指南）

更改顯示語言

通過安裝插件 Chinese (Simplified) Language Pack for Visual Studio Code 來啟用中文（需要重啟）

默認情況下，Visual Studio Code附帶英語作為顯示語言，而其他語言則依賴于Marketplace提供的語言包擴展。

VS Code檢測到操作系統的UI語言，并會提示您安裝適當的語言包（如果在Marketplace上可用）。

保存/自動保存

默認情況下，VS代碼需要一個明確的行動，將更改保存到磁盤，按Ctrl + S。

您也可以使用文件 > 自動保存 從頂級菜單切換 自動保存。

要進一步控制自動保存，請打開配置文件，然后找到相關的設置：

"files.autoSave": "off"

它可以具有以下值：

off -禁用自動保存。
afterDelay - 在配置的延遲（默認1000毫秒）后保存文件。
onFocusChange - 當焦點移出臟文件的編輯器時保存文件。
onWindowChange - 當焦點移出VS Code窗口時保存文件。
files.autoSaveDelay：當files.autoSave配置為時，配置延遲（以毫秒為單位）afterDelay。默認值為1000毫秒。

打開用戶設置 settings.json 文件的方法，你可以通過在（命令面板，打開命令面板的快捷鍵為 F1 ）輸入命令：Open Settings (JSON) 來打開此文件。

預覽模式

在 VS Code 中打開工作區內的文件的方式：

單擊文件，進入預覽模式，此時標簽頁中的名字顯示為斜體
雙擊文件，直接進入編輯模式，此時標簽頁中的名字正常顯示

在資源管理器中單擊或選擇一個文件時，該文件將以 預覽模式 顯示并重用現有選項卡。如果您正在快速瀏覽文件，并且不希望每個訪問的文件都有其自己的標簽頁，則這非常有用。當您開始編輯文件或使用雙擊從資源管理器中打開文件時，會有一個新的標簽頁專用于該文件。

預覽模式在標簽頁標題中以斜體表示

image

如果在預覽標簽頁中編輯文件，或者雙擊該預覽標簽頁，則該標簽頁自動變為編輯模式。

如果您不想使用預覽模式而希望總是創建一個新的標簽頁，則可以使用以下設置來控制：

workbench.editor.enablePreview ：全局啟用或禁用（false）預覽編輯器
workbench.editor.enablePreviewFromQuickOpen ：啟用或禁用預覽編輯器，當從“快速打開（Ctrl + P）” 中打開文件時。

首發于：thisfaner.com/p/vs-code-tips/

代碼補全

手動代碼補全

手動代碼補全：默認快捷鍵為 Ctrl + 空格鍵 ，但是在 Windows 中它被系統輸
入法非法占用（當按下此快捷鍵時出現中英切換提示，它被用于中/英模式切換）；解決方法：

方法一：修改 vscode 中的快捷鍵；
方法二：設置自動補全（無需按快捷鍵）
方法三：等待微軟的補丁包（幾十年了都沒見到）
方法四：拋棄Windows系統。

自動代碼補全

全局配置：用于所有語言，在 settings.json 文件中添加

  // 在編輯時是否自動提示補全
  "editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true
  },

用于特定語言：

比如為 markdown 文件開啟 自動補全，在 settings.json 文件中添加如下配置：

  "[markdown]": {
    // 快速補全
    "editor.quickSuggestions": {
      "other": true,
      "comments": true,
      "strings": true
    },
    // 顯示空格
    "editor.renderWhitespace": "all",
    // snippet 提示優先（看個人喜歡）
    "editor.snippetSuggestions": "top",
    "editor.tabCompletion": "on",
    // 使用enter 接受提示
    // "editor.acceptSuggestionOnEnter": "on",
  },

開啟之后，可以自動提示 markdown 的 snippet；比如：

輸入 code 就會彈出行內代碼和代碼塊兩種補全提示
輸入 ul 或 li 就會彈出列表補全提示
類似的還有 bold 、image、italic、link 、quote 等。

格式化

VS Code對源代碼格式有很好的支持

格式化文檔（Shift + Alt + F）-格式化整個活動文件。
格式選擇（Ctrl + K Ctrl + F）-格式化所選文本。

如果您自行安裝了格式化擴展程序，并可以提供相同語言的格式設置，可以選擇禁用默認語言格式程序：

"html.format.enable": false

除了手動調用代碼格式外，您還可以根據用戶手勢（例如鍵入，保存或粘貼）來觸發格式。這些默認情況下處于關閉狀態，但是您可以通過以下設置啟用這些行為：

editor.formatOnType - 輸入后進行行格式。
editor.formatOnSave - 保存時格式化文件。
editor.formatOnPaste - 格式化粘貼的內容。

注意：并非所有格式化程序都支持粘貼時格式化，前提是它們必須支持格式化所選內容或文本范圍。

縮進

默認情況下，VS Code 將每個Tab鍵替換為4個空格。如果您想更改默認設置，則可以修改editor.insertSpaces和editor.tabSize

//是否使用空格替換制表符
"editor.insertSpaces": true,
"editor.tabSize": 4,

自動偵測：

VS Code會分析打開的文件并確定文檔中使用的縮進。自動檢測到的縮進將覆蓋您的默認縮進設置。檢測到的設置顯示在狀態欄的右側：

indentation-detection.png

可以單擊“狀態欄”縮進顯示（上圖中的Tab Size:4），來更改縮進方式。

查找和替換

VS Code允許您快速查找文本并替換為當前打開的文件。按Ctrl + F在編輯器中打開 “查找小部件” （Find Widget），搜索結果將在編輯器，概述標尺和小地圖中突出顯示。

如果當前打開的文件中有多個匹配結果，則可以在查找輸入框處于焦點狀態時按Enter和Shift + Enter導航到下一個或上一個結果。

“查找小部件” （Find Widget）還可以調整大小：

resize-find-widget.gif

在選中的文本中查找：

默認情況下，查找操作在編輯器中的整個文件上運行。它也可以在選定的文本上運行。您可以通過單擊“查找”小部件上的三明治圖標來啟用此功能。

find-in-selection.gif

搜索多行文本：

您可以通過將文本粘貼到“查找”輸入框和“替換”輸入框中來搜索多行文本。按下Ctrl+Enter將在輸入框中插入新行。

multiple-line-support.gif

搜索文件：

按Ctrl + Shift + F并輸入搜索詞

常見問題

是否可以進行全局搜索和替換？

可以；展開搜索視圖文本框以包含替換文本字段。您可以搜索和替換工作空間中的所有文件。

如何打開自動換行？

可以通過 editor.wordWrap 設置控制自動換行

也可以使用Alt + Z切換VS Code會話的自動換行。

技巧和竅門

官方文檔：Visual Studio代碼提示和技巧

命令面板

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

鍵盤快捷鍵：Ctrl + Shift + P 或 F1 彈出的對話框叫“命令面板”

OpenCommandPalatte.gif

ctrl + shift + p 和 F1：打開命令面板時會帶有 >
ctrl + p: 打開命令面板時沒有 > ，此時它的作用是快速打開某個文件

由于快捷鍵沖突而導致無法觸發相應插件，解決方法之一是直接在命令面板中操作。

快速開啟

快速打開文件。

如果一個文件夾中包含的文件較多，使用命令面板尋找并打開文件是不錯的選擇。

鍵盤快捷鍵：Ctrl + P

QuickOpen.gif

提示：打開對話框后輸入不同的內容可以進行不同的操作：

直接輸入文件名，快速打開文件
> 顯示并執行命令
? 獲取幫助
: 跳轉到行數，也可以Ctrl+G直接進入(Mac 是 CMD+G)
@ 跳轉到symbol（搜索變量或者函數），也可以Ctrl+Shift+O直接進入
@ 根據分類跳轉symbol，查找屬性或函數，也可以Ctrl+Shift+O后輸入:進入
# 根據名字查找symbol，也可以Ctrl+T

在最近打開的文件之間導航： 重復快速打開鍵盤快捷鍵，以在最近打開的文件之間快速循環。

從快速打開中打開多個文件： 按鼠標中鍵，在后臺打開文件。

狀態欄

一、錯誤和警告：

鍵盤快捷鍵：Ctrl + Shift + M

作用：快速跳轉到項目中的錯誤和警告。

也可以通過點擊狀態欄中的按鈕來打開：

TIM截圖20200227225432.png

通過F8或Shift + F8循環檢查錯誤

Errors_Warnings.gif

您可以按類型（“錯誤”，“警告”）或文本匹配來過濾問題。

調整設置?

打開用戶設置 settings.json 文件，你可以通過（命令面板）輸入命令：Open Settings (JSON) 來打開此文件。

粘貼格式

"editor.formatOnPaste": true

更改各種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團隊中流行的字體。微軟新開發的編程字體Cascadia Code也支持。

連體字效果：

font-ligatures-annotated.png

自動保存（另見上文）

"files.autoSave": "afterDelay"

您也可以使用文件 > 自動保存從頂級菜單切換自動保存。

保存時格式化

"editor.formatOnSave": true

更改制表符的大小

"editor.tabSize": 4

是否使用空格替換制表符

"editor.insertSpaces": true

渲染空白

"editor.renderWhitespace": "all"

忽略文件/文件夾

從編輯器窗口中排除這些文件/文件夾。

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

從搜索結果中排除這些文件/文件夾。

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

專用于特定編程語言的設置：

對于只需要特定語言的設置，您可以按語言標識符確定設置的范圍。您可以在“ 語言標識符”參考中找到常用語言ID的列表。

"[languageid]": {

}

你可以通過在命令面板中輸入命令：Configure Language Specific Settings 來進行設置。

文件和文件夾?

使用快捷鍵 Ctrl + ` 打開終端

通過菜單?? 文件 ?? 自動保存來切換自動保存。

切換邊欄：Ctrl + B

禪模式

禪模式：進入無干擾的禪模式 Ctrl + KZ ；按兩次 Esc 退出。

zen_mode.gif

并排編輯

快捷鍵：Ctrl + \

您還可以拖放編輯器以創建新的編輯器組，并在組之間移動編輯器。

split_editor.gif

在編輯之間切換

鍵盤快捷鍵：Ctrl + 1，Ctrl + 2，Ctrl + 3

navigate_editors.gif

創建或打開文件

鍵盤快捷鍵：Ctrl +單擊

您可以通過將光標移動到文件鏈接并使用Ctrl + click來快速打開文件或圖像或創建新文件。

create_open_file.gif

導航歷史

瀏覽整個歷史記錄：Ctrl + Tab

向后導航：Alt +向左

向前導航：Alt +向右

navigate_history.gif

文件關聯

為未正確檢測到的文件創建語言關聯。例如，許多帶有自定義文件擴展名的配置文件實際上是JSON

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

編輯技巧 ?

多光標選擇

使用 Ctrl+Alt+Down或Ctrl+Alt+Up 在當前光標的下方或上方再插入一個光標。

官方文檔是：使用 Shift+Alt+Down或Shift+Alt+Up 在當前光標的下方或上方再插入一個光標。

multicursor.gif

Ctrl+D ：選中下一個與當前光標下相同的單詞（Add selection to next Find match）

multicursor-word.gif

另外還可使用 Ctrl + Shift + L ：Select all occurrences of current selection；選中文件中所有相同的字符串

當然這些操作都可以通過菜單 ?? 選擇來進行操作

多光標修飾符

多光標修飾符是用來設置我們如果配合鼠標單擊來添加多個光標。比如，當我們可以通過 Ctrl + 單擊 添加多個光標時，Ctrl 鍵就是 多光標修飾符

多光標修飾符可以二選一，通過配置 editor.multiCursorModifier 來進行設置，可以設置為：

ctrlCmd- 它在Windows 上映射為Ctrl，在macOS 上映射為Cmd。
alt- 即 Alt。

可以通過" 選擇"菜單 ?? " 切換為 Ctrl/Alt +單擊進行多光標功能 " 來快速切換此設置。

多光標修飾符的其他影響：

" 轉到定義 " 和" 打開鏈接" 的手勢也將遵守此設置并自動進行調整，以使其不會沖突。例如，

當設置為ctrlCmd時，可以使用Ctrl/Cmd + 單擊添加多個光標，而需要使用Alt + 單擊進行打開鏈接或轉到定義
當設置為 Alt 時，可以使用 Alt + 單擊 添加多個光標，而需要使用Ctrl/Cmd + 單擊進行打開鏈接或轉到定義

縮小/擴大選擇

擴大選中區域： Shift + Alt + Right

縮小當前選擇：使用 Shift + Alt + Left

expandselection.gif

列（框）選

通過 Shift+Alt+鼠標拖動，

將光標放在一個角上，然后在按住Shift + Alt的同時拖動到對角：

在code >= 1.43的版本中，也可以通過菜單 ?? 選擇 ?? 列選模式；來直接進入列選模式，進入列選模式后會在狀態欄顯示Column Selection（列選），單擊此圖標可以退出列選模式。

column-select.gif

注意：當使用 Ctrl 作為多光標修改器時，這將更改為 Shift + Ctrl

移動多個光標

同時移動多個光標，方法：多光標插入配合Ctrl + 方向鍵

多光標插入：可以是上文介紹的任意一種方式。

撤消光標位置

鍵盤快捷鍵：Ctrl + U

在進行多光標插入時如果某個光標位置錯誤還可以使用 Ctrl + U 進行撤銷上次插入。

快速滾動

快速滾動： 按Alt鍵可在編輯器和資源管理器中（5倍）快速滾動。

上下復制行

鍵盤快捷鍵：Shift + Alt +向上鍵或 Shift + Alt +向下鍵

copy_line_down.gif

上下移動行

鍵盤快捷鍵：Alt + Up或Alt + Down

move_line.gif

選擇當前行

鍵盤快捷鍵：Ctrl + L

官方文檔為：快捷鍵：Ctrl + i

轉到文件中的 Symbol

在當前文件中查找符號

鍵盤快捷鍵：Ctrl + Shift + O

find_by_symbol.gif

您可以通過添加冒號來按種類對符號進行分組@:。

group_symbols_by_kind.png

轉到工作區中的 Symbol

在當前工作區中查找符號

鍵盤快捷鍵：Ctrl + T

go_to_symbol_in_workspace.png

導航到特定行

鍵盤快捷鍵：Ctrl + G

修剪尾隨空格

鍵盤快捷鍵：Ctrl + K Ctrl + X

trim_whitespace.gif

括號匹配

Mac: cmd+shift+\
Windows / Linux: ctrl+shift+\

代碼格式化

當前選擇的源代碼：Ctrl + K Ctrl + F

整個文檔格式：Shift + Alt + F

image

代碼折疊

鍵盤快捷鍵：Ctrl + Shift + [和Ctrl + Shift +]

[圖片上傳失敗...(image-594937-1582878051244)]

導航到文件的開頭和結尾

鍵盤快捷鍵：Ctrl + Home和Ctrl + End

打開Markdown預覽

在Markdown文件中使用

鍵盤快捷鍵：Ctrl + Shift + V

并排Markdown編輯和預覽：Ctrl + KV

智能感知

我們將始終提供單詞補全功能。我們也提供了真正的IntelliSense體驗。如果語言服務知道可能的補全，則在您鍵入時會彈出IntelliSense建議。

Ctrl + Space觸發“建議”小部件。

intellisense.gif

默認情況下，Tab 或 Enter 表示接受當前選項

您可以查看可用的方法，參數提示，簡短文檔等。

查看定義（peek視圖）

選擇一個符號，然后按Alt + F12。或者，使用上下文菜單，選擇快速查看 ?? 查看定義。

peek.gif

轉到定義

選擇一個符號，然后按 F12 或者按 Ctrl + 單擊，或者使用上下文菜單。

轉到定義

您可以使用Go > Back命令或Alt + Left返回到先前的位置。

查看引用

選擇一個符號，然后按 Shift + F12。或者，使用上下文菜單 ?? 快速查看 ?? 查看引用。

find_all_references.gif

查找所有引用

查找所有文件中的引用，Find All References view

選擇一個符號，然后按Shift + Alt + F12打開 “引用”視圖，在側邊欄視圖中顯示文件的所有符號。

重命名符號?

重構重命名：選擇一個符號，然后按 F2 。或者，使用上下文菜單（右鍵菜單）?? 重命名。

rename_symbol.gif

Emmet語法

支持Emmet語法。

Emmet語法

Snippets（代碼片段）

Snippets in Visual Studio Code

觸發提示 時（Ctrl + Space）：會顯示 Snippet（代碼片段）。

可以從 Marketplace 安裝擴展從而來提供 snippets。

vscode-sinppet ：適用于多種語言。才知道還有這么個作弊網站 cheat.sh
snippet-creator ：簡化 snippet的創建。 Select the code you want to create snippet from and use command Create Snippet from the command palette

創建自定義Snippets

文件??首選項??用戶代碼片段??選擇該snippet用于哪種類型的文件或選擇Global Snippets文件

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

在創建自己的代碼段中查看更多詳細信息。

Git集成

鍵盤快捷鍵：Ctrl + Shift + G

Git集成隨VS Code一起提供。您可以從擴展市場中安裝其他SCM提供程序。本節描述了Git集成，但是其他UI和手勢由其他SCM提供程序共享。

Diffs 差異比較

在“ 源代碼管理”視圖中，選擇要比較的文件。

source-control-icon.png

并排顯示：

默認為并排比較差異。

git_side_by_side.png

內聯視圖：

通過單擊右上角的“ 更多操作（...）”按鈕并選擇“ 切換到內聯視圖”來切換內聯視圖。

git_inline.png

如果您喜歡嵌入式視圖，可以設置"diffEditor.renderSideBySide": false。

審查窗格

使用 F7 和 Shift + F7 瀏覽差異。這將以統一的補丁格式顯示它們。可以使用箭頭鍵瀏覽行，然后按 Enter 鍵將在差異編輯器和所選行中跳回。

diff_review_pane.png

編輯待定更改

您可以直接在diff視圖的未決更改中進行編輯

Branches 分支

通過狀態欄輕松在Git分支之間切換。

switch_branches.gif

Staging 暫存

暫存所有：

git_stage_all.gif

暫存文件中的部分內容：

通過選擇文件（使用箭頭），然后從“ 命令面板”中選擇“ 暫存選定范圍”，暫存文件的一部分。

撤銷上一次提交

undo_last_commit.gif

查看Git輸出

VS Code使得查看實際運行的Git命令變得容易。當學習Git或調試困難的源代碼控制問題時，這很有用。

使用切換輸出命令（Ctrl + Shift + U），然后在下拉菜單中選擇Git。

Gutter 指示符

邊槽指示器

Gutter 指示器

如果打開的文件夾是Git存儲庫并開始進行更改，則VS Code將在裝訂線和概覽標尺中添加有用的注釋。

紅色三角形表示已刪除行的位置
綠色條表示新添加的行
藍色條表示已修改的行

解決合并沖突

在合并期間，轉到“ 源代碼控制”視圖（Ctrl + Shift + G），然后在 diff 視圖中進行更改。

將VS Code設置為默認合并工具

git config --global merge.tool code

調試

配置調試器

打開 命令面板（Ctrl + Shift + P）并輸入命令 Debug: Open launch.json ，它將提示您選擇與項目（Node.js，Python，C ++等）匹配的環境，這將生成一個launch.json文件。Node.js支持是內置的，其他環境要求安裝適當的語言擴展。

configure_debug.gif

和其它調試IDE一樣，你可以查看變量、堆棧追蹤，甚至對變量內容進行更改

斷點和逐步

斷點和逐句通過

在行號旁邊放置斷點。使用“調試”小部件向前導航。

node_debug.gif

Data inspection（數據檢查）

debug_data_inspection.gif

內聯值

您可以設置"debug.inlineValues": true為在調試器中內聯查看變量值。此功能可能很昂貴，并且可能減慢步進速度，因此默認情況下禁用此功能。

任務執行器 Task runner

另可參考下文的 Task 任務

自動檢測任務

從頂層菜單中選擇終端，運行命令 Configure Tasks，然后選擇您要運行的任務類型。這將生成一個tasks.json內容如下的文件。有關更多詳細信息，請參見任務文檔。

自動生成有時會出現問題。請查閱文檔以確保一切正常。

從終端菜單運行任務

從頂層菜單中選擇Terminal(終端)，運行命令Run Task，然后選擇要運行的任務。通過運行命令Terminate Task 終止正在運行的任務

task_runner.gif

定義任務的鍵盤快捷鍵

您可以為任何任務定義鍵盤快捷鍵。在命令面板（Ctrl + Shift + P）中，選擇Preferences: Open Keyboard Shortcuts File，將所需的快捷方式綁定到workbench.action.tasks.runTask命令，然后將任務定義為args。

例如，要將Ctrl + H綁定到Run tests任務，請添加以下內容：

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

將npm腳本作為資源管理器中的任務運行

使用該設置npm.enableScriptExplorer，您可以啟用一個瀏覽器，該瀏覽器顯示在工作空間中定義的腳本。

script_explorer.png

在資源管理器中，您可以在編輯器中打開腳本，將其作為任務運行，然后使用節點調試器啟動腳本（當腳本定義了諸如的調試選項時--inspect-brk）。單擊時的默認操作是打開腳本。要單擊運行腳本，請設置npm.scriptExplorerAction為“運行”。使用該設置npm.exclude可以排除package.json特定文件夾中包含的文件中的腳本。

通過設置npm.enableRunFromFolder，您可以啟用從文件資源管理器的上下文菜單中為文件夾運行npm腳本的功能。選擇文件夾后，該設置將啟用命令Run NPM Script in Folder...。該命令顯示此文件夾中包含的npm腳本的快速選擇列表，您可以選擇要作為任務執行的腳本。

VS Code的設置

VS Code提供了兩種不同的設置范圍：

用戶設置 -全局應用于您打開的任何VS Code實例的設置。
工作區設置 -存儲在工作區中的設置，僅在打開工作區時適用。

工作區設置將覆蓋用戶設置。工作區設置特定于項目，并且可以在項目的開發人員之間共享。

工作區設置以及調試和任務配置存儲在.vscode文件夾的根目錄中。通過稱為“ 多根工作區”的功能，VS Code工作區中還可以具有多個根文件夾。

工作區文件夾在 .vscode 中的tasks.json用于任務運行，launch.json用于調試器。

默認情況下，VS Code顯示“設置”編輯器，但是您仍然可以settings.json通過使用Open Settings (JSON)命令或通過使用設置更改默認設置編輯器來編輯基礎文件workbench.settings.editor。

打開用戶設置 settings.json 文件，你可以通過（命令面板）輸入命令：Open Settings (JSON) 來打開此文件。

配置特定于語言的設置：

要按（編程）語言自定義編輯器，請從命令面板（Ctrl + Shift + P）中運行全局命令 Configure Language Specific Settings ，這將打開語言選擇器。選擇所需的語言，打開帶有語言條目的“設置”編輯器，您可以在其中添加適用的設置。

（還可以是特定文件類型的配置）如果您打開了一個文件，并且想要為此文件類型自定義編輯器，請在“ VS代碼”窗口右下方的狀態欄中單擊“語言模式”。這將打開“語言模式”選擇器，并帶有一個選項“ 配置基于語言的語言的設置”。選擇此項將打開帶有語言條目的“設置”編輯器，您可以在其中添加適用的設置。

以下示例自定義語言模式typescript和的編輯器設置markdown ：

{
  "[typescript]": {
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true
  },
  "[markdown]": {
    "editor.formatOnSave": true,
    "editor.wordWrap": "on",
    "editor.renderWhitespace": "all",
    "editor.acceptSuggestionOnEnter": "off"
  }
}

Task 任務

Visual Studio Code中的任務

看起來就像是為了更方便的讓我們執行需要在終端運行的命令，你看它位于菜單 ??終端下

許多插件可以自動執行諸如整理，構建，打包，測試或部署軟件系統之類的任務，但安裝這些插件后，在對應的工程中，它們會提供一些默認的任務。（對于maven的任務現在正在開發中）。我們可以通過快捷鍵Ctrl + Shift + B或終端菜單來列出這些任務。

任務有全局的也有僅用于當前工作空間的（它在項目的.vscode目錄下）

當然你可以自定義任務（為該工程手動創建一個任務）：

菜單 ?? 終端 ?? 配置任務 ?? 選擇創建task.json文件 ?? 它會提供幾個模板，如果模板中沒有則選擇 Others。

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run tests",  //任務名稱
      "type": "shell",      //任務類型：shell（命令）或process
      "command": "./scripts/test.sh",   //實際要執行的命令
      "windows": {  //如果在win中則優先使用下面的內容
        "command": ".\\scripts\\test.cmd"
      },
      "group": "test", //任務所屬的 組
      "presentation": { //定義如何在用戶界面中處理輸出
         //下面表示每次執行任務都讓其創建一個新的終端
        "reveal": "always",
        "panel": "new"
      }
        "options":
        "runOptions":
    },
    {
        "label": "Client Build",
        "type":"shell",
        "command": "gulp",
        "args": ["build"], //參數
        "options": { //覆蓋 cwd(當前工作目錄)、env(環境變量)、shell(默認shell)的值
        "cwd": "${workspaceRoot}/client"
      }
    }
  ]
}

另外還有：(使用ctrl+space觸發提示)

options：覆蓋 cwd(當前工作目錄)、env(環境變量)、shell(默認shell)的值
runOptions：定義何時以及如何運行任務
args：命令的參數示例 ”args”:["folder"]

對于包含空格或其他特殊字符的命令和參數，Shell命令需要特殊對待

如果提供單個命令，那么任務系統會將命令原樣傳遞給底層shell。如果命令需要加引號或轉義才能正常運行，則該命令需要包含正確的引號或轉義字符。例如，要列出包含空格的名稱中的文件夾的目錄，命令在bash執行應該是這樣的：ls 'folder with spaces'。
```
{
  "label": "dir",
  "type": "shell",
  "command": "dir 'folder with spaces'"
}
```
如果提供了命令和參數，則如果命令或參數包含空格，則任務系統將使用單引號。對于cmd.exe，使用雙引號。如下所示的shell命令將在PowerShell中以方式執行dir 'folder with spaces'。

{
  "label": "dir",
  "type": "shell",
  "command": "dir",
  "args": ["folder with spaces"]
}

如果要控制如何對參數加引號，則參數可以是指定值和引用樣式的文字。下面的示例使用轉義而不是使用空格引號。

{
  "label": "dir",
  "type": "shell",
  "command": "dir",
  "args": [
    {
      "value": "folder with spaces",
      "quoting": "escape"
    }
  ]
}

可更改默認終端為 cmd 、bash等

控制輸出行為：

同設置 presentation 的屬性來控制終端行為，有如下屬性：

reveal ：控制是否將集成終端面板置于前面。有效值為：
always - 面板總是放在最前面。這是默認值。
never - 用戶必須使用“ 視圖” >“ 終端”命令（Ctrl +`）將終端面板顯式顯示在最前面。
silent - 僅在不掃描輸出中是否有錯誤和警告的情況下，才將終端面板置于前面。
focus：控制終端是否獲取輸入焦點。默認值為false。
echo：控制是否在終端中回顯執行的命令。默認值為true。
showReuseMessage：控制是否顯示“終端將被任務重用，請按任意鍵將其關閉”消息。
panel：控制是否在任務運行之間共享終端實例。可能的值為：
- shared：共享終端，并將其他任務運行的輸出添加到同一終端。
- dedicated：終端專用于特定任務。如果再次執行該任務，則將重新使用終端。但是，不同任務的輸出將顯示在不同終端中。
- new：該任務的每次執行都使用新的干凈終端。
clear：控制在運行此任務之前是否清除終端。默認值為false。
group：控制是否使用拆分窗格在特定的終端組中執行任務。同一組中的任務（由字符串值指定）將使用拆分終端顯示，而不是新的終端面板。

下一步

繼續閱讀以了解以下內容：

代碼導航 -窺視和轉到定義等。
集成終端 -了解用于在VS Code中快速執行命令行任務的集成終端。
IntelliSense -VS Code帶來了智能代碼補全功能。
調試 -這是VS Code真正發揮作用的地方

官方教程

Documentation for Visual Studio Code

To get the most out of Visual Studio Code, start by reviewing a few introductory topics:

Languages - Learn about VS Code's support for your favorite programming languages.

Node.js - This tutorial gets you quickly running and debugging a Node.js web app.

Tips and Tricks - Jump right in with Tips and Tricks to become a VS Code power user.

Writing Java with Visual Studio Code ，Code為Java等各種語言提供了詳細的文檔

學習文檔

VScode中文文檔

VS Code Tips and Tricks

Visual Studio Code 配置指南

Key Bindings for Visual Studio Code

查看VS Code的自帶幫助，來學習它。比如： 幫助 --> 歡迎使用

Visual Studio Code User and Workspace Settings

Microsoft/vscode-tips-and-tricks: Collection of helpful tips and tricks for VS Code.

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美 国产 综合 欧美 视频

VS Code用戶指南與使用技巧

User Guide（用戶指南）

更改顯示語言

保存/自動保存

預覽模式

代碼補全

手動代碼補全

自動代碼補全

格式化

縮進

查找和替換

常見問題

技巧和竅門

命令面板

快速開啟

狀態欄

調整設置?

文件和文件夾?

禪模式

并排編輯

在編輯之間切換

創建或打開文件

導航歷史

文件關聯

編輯技巧 ?

多光標選擇

多光標修飾符

縮小/擴大 選擇

列（框）選

移動多個光標

撤消光標位置

快速滾動

上下復制行

上下移動行

選擇當前行

轉到文件中的 Symbol

轉到工作區中的 Symbol

導航到特定行

修剪尾隨空格

括號匹配

代碼格式化

代碼折疊

導航到文件的開頭和結尾

打開Markdown預覽

智能感知

查看定義（peek視圖）

轉到定義

查看引用

查找所有引用

重命名符號?

Emmet語法

Snippets（代碼片段）

創建自定義Snippets

Git集成

Diffs 差異比較

Branches 分支

Staging 暫存

撤銷上一次提交

查看Git輸出

Gutter 指示符

解決合并沖突

將VS Code設置為默認合并工具

調試

配置調試器

斷點和逐步

Data inspection（數據檢查）

內聯值

任務執行器 Task runner

自動檢測任務

從終端菜單運行任務

定義任務的鍵盤快捷鍵

將npm腳本作為資源管理器中的任務運行

VS Code的設置

Task 任務

下一步

官方教程

學習文檔

三个男躁一个女,国精产品一区一手机的秘密,麦子交换系列最经典十句话,欧美国产综合欧美视频

縮小/擴大選擇