VS Code 代碼編輯

VS Code 包含了高效源代碼編輯所需的功能。本主題將帶您了解 VS Code 編輯器的基本知識，并幫助您高效處理代碼。

多選（多光標(biāo)）

VS Code 支持多個游標(biāo)以實(shí)現(xiàn)快速的同時編輯。您可以在按住 ? 鍵的同時單擊以添加輔助光標(biāo)。每個光標(biāo)都根據(jù)其所在的上下文獨(dú)立操作。添加更多光標(biāo)的常用方法是使用 ??↓ 或 ??↑ 在下方或上方插入光標(biāo)。

?D 選擇光標(biāo)處的單詞或當(dāng)前選定內(nèi)容的下一個匹配項(xiàng)。

收縮/展開選擇

快速收縮或展開當(dāng)前選擇。用 ???← 和 ???→ 觸發(fā)。

下面是一個用 ???→ 擴(kuò)展選擇的示例：

列選擇

將光標(biāo)放在一個角上，然后按住 ?+? 同時拖動到另一個角：

查找和替換

VS Code 允許您快速查找文本并替換當(dāng)前打開的文件。按 ?F 在編輯器中打開“查找”面板，搜索結(jié)果將在編輯器、概覽標(biāo)尺中突出顯示。

如果當(dāng)前打開的文件中有多個匹配結(jié)果，則可以在“查找”輸入框聚焦時按 Enter 和 ?Enter 導(dǎo)航到下一個或上一個結(jié)果。

用選擇的內(nèi)容進(jìn)行搜索：當(dāng)“查找”面板打開時，它會自動將編輯器中選定的文本填充到“查找”輸入框中。如果選擇為空，則光標(biāo)下的單詞將插入到輸入框中。

在選中的區(qū)域進(jìn)行搜索：默認(rèn)情況下，在編輯器中對整個文件運(yùn)行查找操作。它也可以在選定的文本上運(yùn)行。您可以通過單擊“查找”部件上的段落圖標(biāo)打開此功能。

快速搜索當(dāng)前打開文件夾中的所有文件：按 ??F 并輸入搜索詞。搜索結(jié)果被分組到包含搜索詞的文件中，并指示每個文件中的命中次數(shù)及其位置。展開一個文件以查看該文件中所有命中點(diǎn)的預(yù)覽，然后單擊其中一個在編輯器中查看它。

跨文件搜索和替換：在“替換”文本框中鍵入文本時，將看到更改的差異顯示。可以從“替換”文本框中替換所有文件、替換一個文件中的所有文件或替換單個更改。

智能輔助

VS Code 編輯器總是提供單詞補(bǔ)全，但是對于 JavaScript、JSON、HTML、CSS、SCSS、Less、和TypeScript，我們提供了智能輔助的功能。如果編輯器知道可能的完成，則在您鍵入時將彈出智能提醒的建議。

智能輔助的內(nèi)容包括：代碼補(bǔ)全、參數(shù)信息、快速信息和成員列表。

代碼格式化

編輯器有兩種顯式的格式操作：

• 格式化文件（??F）：格式化整個當(dāng)前窗口文件；
• 格式化所選區(qū)域（?K ?F）：格式化通過光標(biāo)選中的的文本；

VS Code 有 TypeScript 的默認(rèn)格式化程序。每種語言都有特定的格式選項(xiàng)，您可以在全局或項(xiàng)目設(shè)置中根據(jù)自己的偏好進(jìn)行調(diào)整。

文本折疊

可以使用行號和行首之間的邊條上的折疊圖標(biāo)折疊文本區(qū)域，將鼠標(biāo)移到邊條上并單擊以折疊和展開區(qū)域。按住 ? 鍵再點(diǎn)擊折疊圖標(biāo)可折疊或展開區(qū)域以及其中的子區(qū)域。

縮進(jìn)

VS Code 編輯器允許您控制文本縮進(jìn)以及是否要使用空格或制表位。默認(rèn)情況下，編輯器會插入空格并為每個制表鍵使用 4 個空格。如果要使用其他默認(rèn)設(shè)置，可以通過設(shè)置進(jìn)行修改。

文件編碼

可以在編輯器的狀態(tài)欄上看到文件的編碼：

點(diǎn)擊狀態(tài)欄中的“編碼”以新編碼重新打開文件。