VS Code 包含了高效源代碼編輯所需的功能。本主題將帶您了解 VS Code 編輯器的基本知識,并幫助您高效處理代碼。
VS Code 支持多個游標以實現(xiàn)快速的同時編輯。您可以在按住 ?
鍵的同時單擊以添加輔助光標。每個光標都根據(jù)其所在的上下文獨立操作。添加更多光標的常用方法是使用 ??↓
或 ??↑
在下方或上方插入光標。
?D
選擇光標處的單詞或當前選定內(nèi)容的下一個匹配項。
快速收縮或展開當前選擇。用 ???←
和 ???→
觸發(fā)。
下面是一個用 ???→
擴展選擇的示例:
將光標放在一個角上,然后按住 ?+?
同時拖動到另一個角:
VS Code 允許您快速查找文本并替換當前打開的文件。按 ?F
在編輯器中打開“查找”面板,搜索結(jié)果將在編輯器、概覽標尺中突出顯示。
如果當前打開的文件中有多個匹配結(jié)果,則可以在“查找”輸入框聚焦時按 Enter
和 ?Enter
導航到下一個或上一個結(jié)果。
用選擇的內(nèi)容進行搜索:當“查找”面板打開時,它會自動將編輯器中選定的文本填充到“查找”輸入框中。如果選擇為空,則光標下的單詞將插入到輸入框中。
在選中的區(qū)域進行搜索:默認情況下,在編輯器中對整個文件運行查找操作。它也可以在選定的文本上運行。您可以通過單擊“查找”部件上的段落圖標打開此功能。
快速搜索當前打開文件夾中的所有文件:按 ??F
并輸入搜索詞。搜索結(jié)果被分組到包含搜索詞的文件中,并指示每個文件中的命中次數(shù)及其位置。展開一個文件以查看該文件中所有命中點的預覽,然后單擊其中一個在編輯器中查看它。
跨文件搜索和替換:在“替換”文本框中鍵入文本時,將看到更改的差異顯示??梢詮摹疤鎿Q”文本框中替換所有文件、替換一個文件中的所有文件或替換單個更改。
VS Code 編輯器總是提供單詞補全,但是對于 JavaScript、JSON、HTML、CSS、SCSS、Less、和TypeScript,我們提供了智能輔助的功能。如果編輯器知道可能的完成,則在您鍵入時將彈出智能提醒的建議。
智能輔助的內(nèi)容包括:代碼補全、參數(shù)信息、快速信息和成員列表。
編輯器有兩種顯式的格式操作:
??F
):格式化整個當前窗口文件;?K ?F
):格式化通過光標選中的的文本;VS Code 有 TypeScript 的默認格式化程序。每種語言都有特定的格式選項,您可以在全局或項目設置中根據(jù)自己的偏好進行調(diào)整。
可以使用行號和行首之間的邊條上的折疊圖標折疊文本區(qū)域,將鼠標移到邊條上并單擊以折疊和展開區(qū)域。按住 ?
鍵再點擊折疊圖標可折疊或展開區(qū)域以及其中的子區(qū)域。
VS Code 編輯器允許您控制文本縮進以及是否要使用空格或制表位。默認情況下,編輯器會插入空格并為每個制表鍵使用 4 個空格。如果要使用其他默認設置,可以通過設置進行修改。
可以在編輯器的狀態(tài)欄上看到文件的編碼:
點擊狀態(tài)欄中的“編碼”以新編碼重新打開文件。
更多建議: