VS Code 代码编辑

VS Code 包含了高效源代码编辑所需的功能。本主题将带您了解 VS Code 编辑器的基本知识，并帮助您高效处理代码。

多选（多光标）

VS Code 支持多个游标以实现快速的同时编辑。您可以在按住 ⌥ 键的同时单击以添加辅助光标。每个光标都根据其所在的上下文独立操作。添加更多光标的常用方法是使用 ⌥⌘↓ 或 ⌥⌘↑ 在下方或上方插入光标。

⌘D 选择光标处的单词或当前选定内容的下一个匹配项。

收缩/展开选择

快速收缩或展开当前选择。用 ⌃⇧⌘← 和 ⌃⇧⌘→ 触发。

下面是一个用 ⌃⇧⌘→ 扩展选择的示例：

列选择

将光标放在一个角上，然后按住 ⇧+⌥ 同时拖动到另一个角：

查找和替换

VS Code 允许您快速查找文本并替换当前打开的文件。按 ⌘F 在编辑器中打开“查找”面板，搜索结果将在编辑器、概览标尺中突出显示。

如果当前打开的文件中有多个匹配结果，则可以在“查找”输入框聚焦时按 Enter 和 ⇧Enter 导航到下一个或上一个结果。

用选择的内容进行搜索：当“查找”面板打开时，它会自动将编辑器中选定的文本填充到“查找”输入框中。如果选择为空，则光标下的单词将插入到输入框中。

在选中的区域进行搜索：默认情况下，在编辑器中对整个文件运行查找操作。它也可以在选定的文本上运行。您可以通过单击“查找”部件上的段落图标打开此功能。

快速搜索当前打开文件夹中的所有文件：按 ⇧⌘F 并输入搜索词。搜索结果被分组到包含搜索词的文件中，并指示每个文件中的命中次数及其位置。展开一个文件以查看该文件中所有命中点的预览，然后单击其中一个在编辑器中查看它。

跨文件搜索和替换：在“替换”文本框中键入文本时，将看到更改的差异显示。可以从“替换”文本框中替换所有文件、替换一个文件中的所有文件或替换单个更改。

智能辅助

VS Code 编辑器总是提供单词补全，但是对于 JavaScript、JSON、HTML、CSS、SCSS、Less、和TypeScript，我们提供了智能辅助的功能。如果编辑器知道可能的完成，则在您键入时将弹出智能提醒的建议。

智能辅助的内容包括：代码补全、参数信息、快速信息和成员列表。

代码格式化

编辑器有两种显式的格式操作：

• 格式化文件（⇧⌥F）：格式化整个当前窗口文件；
• 格式化所选区域（⌘K ⌘F）：格式化通过光标选中的的文本；

VS Code 有 TypeScript 的默认格式化程序。每种语言都有特定的格式选项，您可以在全局或項目设置中根据自己的偏好进行调整。

文本折叠

可以使用行号和行首之间的边条上的折叠图标折叠文本区域，将鼠标移到边条上并单击以折叠和展开区域。按住 ⇧ 键再点击折叠图标可折叠或展开区域以及其中的子区域。

缩进

VS Code 编辑器允许您控制文本缩进以及是否要使用空格或制表位。默认情况下，编辑器会插入空格并为每个制表键使用 4 个空格。如果要使用其他默认设置，可以通过设置进行修改。

文件编码

可以在编辑器的状态栏上看到文件的编码：

点击状态栏中的“编码”以新编码重新打开文件。