本站点文档内容均翻译自code.visualstudio.com,仅供个人学习,如有差异请以官网为准。

Visual Studio Code 小贴士和技巧

使用本文中的提示和技巧,立即开始并学习如何使用Visual Studio Code提高生产力。熟悉强大的编辑、代码智能和源代码控制功能,并学习有用的键盘快捷键。请确保探索入门和其他用户指南中的深入主题以了解更多信息。

如果你是刚刚开始,一定要查看VS Code教程,以逐步了解主要功能。

如果你没有安装Visual Studio Code,请访问下载页面。你可以在在Linux上运行VS CodemacOSWindows找到特定平台的安装说明。

更喜欢视频吗?你可以观看VS Code Day演讲Visual Studio Code小技巧或者提升你的VS Code体验.

基础知识

入门指南

探索 VS Code 的最佳方法是打开 欢迎 页面,然后选择一个 指南,通过 VS Code 的设置步骤、功能和更深入的自定义设置进行自我引导。在您探索和学习时,指南会跟踪您的进度。

帮助 > 欢迎菜单打开欢迎页面,或使用命令面板中的帮助: 欢迎命令 (⇧⌘P (Windows, Linux Ctrl+Shift+P))。

欢迎页面

扩展程序也可以提供演示。您还可以直接使用帮助:打开演示...命令从命令面板打开演示 (⇧⌘P (Windows, Linux Ctrl+Shift+P))。

在命令面板中打开走查命令

如果你希望提高你的代码编辑技能,请打开交互式编辑器游乐场。尝试VS Code的代码编辑功能,例如多光标编辑、IntelliSense、片段、Emmet等。

帮助 > 编辑器游乐场菜单打开欢迎页面,或使用命令面板中的帮助: 交互式编辑器游乐场命令 (⇧⌘P (Windows, Linux Ctrl+Shift+P))。

交互式编辑器游乐场

命令面板

根据您当前的上下文访问所有可用命令。

键盘快捷键:⇧⌘P(Windows, Linux Ctrl+Shift+P

命令面板

小贴士

你可以通过用鼠标指针抓取顶部边缘并将其拖动到其他位置来移动命令面板。你也可以在标题栏中选择自定义布局控件,然后选择一个预配置的快速输入位置

截图显示命令面板位于不同位置,标题栏中突出显示了自定义布局控件和预配置位置选项。

默认键盘快捷键

命令面板中的许多命令都有默认的键盘快捷键。您可以在命令面板中看到命令旁边的默认键盘快捷键(⇧⌘P(Windows, Linux Ctrl+Shift+P)。

键盘参考文献

键盘参考表

下载适用于您平台的键盘快捷键参考表 (macOS, Windows, Linux).

键盘参考表

浮动Windows

您可以打开编辑器、终端或特定视图在浮窗中,例如将编辑器移动到显示器的另一个位置,甚至移动到另一个显示器。

截图显示了带有VS CodeWindows和一个在浮动Windows中打开的CSV文件的操作系统桌面。

将编辑器标签从当前 VS Code Windows拖出以在浮动Windows中打开。或者,使用编辑器标签的移动到新Windows复制到新Windows上下文选项。

集成终端

键盘快捷键:⌃`(Windows, Linux Ctrl+`

集成终端

您可以从下拉菜单中选择另一个终端 shell。根据您的操作系统和系统配置,您可能会看到不同的 shell 列出。

进一步阅读:

切换侧边栏

键盘快捷键:⌘B(Windows, Linux Ctrl+B

切换侧边栏

切换面板

键盘快捷键:⌘J(Windows, Linux Ctrl+J

切换面板

禅模式

进入无干扰的禅定模式。

键盘快捷键:⌘K Z(Windows, Linux Ctrl+K Z

禅模式

Esc 两次以退出禅境模式。

命令行

VS Code 具有强大的命令行界面 (CLI),使您可以自定义编辑器的启动方式以支持各种场景。例如,您可以通过命令行启动 VS Code 以打开一个差异编辑器来比较两个文件。

确保VS Code二进制文件在您的路径上,这样您只需输入'code'即可启动VS Code。如果在安装过程中VS Code添加到您的环境路径,请参阅特定平台的设置主题 (在Linux上运行VS Code, macOS, Windows)。

# 在当前目录中打开代码
代码 .

# 在最近使用的代码Windows中打开当前目录
code -r .

# 创建一个新Windows
代码 -n

# 更改语言
代码 --locale=es

# 打开差异编辑器
code --diff <文件1> <文件2>

# 在特定行和列打开文件 <文件:行[:字符]>
代码 --goto package.json:10:5

# 查看帮助选项
代码 --help

# 禁用所有扩展
代码 --disable-extensions .

.vscode 文件夹

工作区特定的配置文件在一个.vscode在你的工作区根目录下创建一个文件夹。例如,任务.json 对于 任务执行者launch.json 为了 调试器

状态栏

错误和警告

键盘快捷键:⇧⌘M(Windows, Linux Ctrl+Shift+M

快速跳转到项目中的错误和警告。

使用 F8⇧F8 循环错误 (Windows, Linux Shift+F8)

错误和警告

您可以按类型('info','errors','warnings')或匹配文本筛选问题列表。

更改语言模式

状态栏中的语言模式表示与当前编辑器关联的语言(例如,Markdown、Python 等)。您可以通过选择状态栏中的语言模式指示器或使用键盘快捷键来更改当前编辑器的语言模式。

键盘快捷键:⌘K M(Windows, Linux Ctrl+K M

更改语法

如果您想为文件类型持久化新的语言模式,请使用配置文件关联命令将当前文件扩展名与已安装的语言关联。

定制

有许多选项可以自定义 VS Code 以满足您的偏好:

  • 更改主题
  • 更改您的键盘快捷键
  • 调整您的设置
  • 添加JSON验证
  • 创建片段
  • 安装扩展

更改主题

VS Code 附带了多个内置的颜色主题。使用偏好设置:颜色主题命令或使用键盘快捷键。

键盘快捷键:⌘K ⌘T(Windows, LinuxCtrl+K Ctrl+T

预览主题

您可以从VS Code扩展市场中安装更多主题。选择首选项:颜色主题 > + 浏览附加颜色主题...命令以从市场搜索主题。

此外,您可以安装和更改文件图标主题。

文件图标主题

键映射

你是否习惯其他编辑器的键盘快捷键?你可以安装一个Keymap扩展,将你最喜欢的编辑器的键盘快捷键带到VS Code中。使用偏好设置:键盘快捷键命令查看当前列表在Visual Studio Marketplace上。

一些更受欢迎的键盘映射是:

自定义您的键盘快捷键

您可以在键盘快捷键编辑器中查看和自定义键盘快捷键。使用首选项:打开键盘快捷键命令或使用快捷键打开编辑器。

键盘快捷键:⌘K ⌘S(Windows, Linux Ctrl+K Ctrl+S

选择铅笔图标或使用回车键编辑特定条目的键盘快捷键。使用搜索字段过滤列表。

键盘快捷键

您还可以搜索快捷键并添加自己的键盘快捷键到keybindings.json文件。

自定义键盘快捷键

查看更多内容在 Visual Studio Code 的键绑定

调整您的设置

默认情况下,VS Code 会显示设置编辑器以查看和编辑设置。您也可以编辑底层settings.json 使用 打开用户设置 (JSON) 命令或通过更改默认设置编辑器

工作台.设置.编辑器
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
设置。

打开用户设置settings.json

键盘快捷键:⌘,(Windows, Linux Ctrl+

更改各种用户界面元素的字体大小

// 主编辑
"editor.fontSize": 18,
// 终端面板
"terminal.integrated.fontSize": 14,
// 输出面板
"[Log]": {
    "editor.fontSize": 15
}

更改缩放级别

"Windows缩放级别"5

字体连字

"编辑器字体家庭""Fira Code"
"编辑器字体连字"

提示: 您需要安装支持字体连字的字体。FiraCode 是 VS Code 团队中的一种流行字体。

字体连字

自动保存

"files.autoSave""afterDelay"

你也可以通过顶级菜单中的 文件 > 自动保存 来切换自动保存。

保存时格式化

"editor.formatOnSave"

粘贴时格式

"editor.formatOnPaste"

更改制表符的大小

"editor.tabSize"4

空格或制表符

"editor.insertSpaces"

显示空白字符

"editor.renderWhitespace""all"

空白字符在文本选择中默认显示。

忽略文件/文件夹

从你的编辑器Windows中删除这些文件/文件夹。

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

将这些文件/文件夹从搜索结果中移除。

"搜索排除": {
    "一些文件夹/": true,
    "一些文件": true
}

了解许多其他自定义设置

语言特定设置

你可以通过使用语言识别器来为特定语言设置范围。你可以在语言识别器参考手册中找到常用语言 ID 的列表。

"[语言ID]": {

}

提示: 您也可以使用 配置语言特定设置 命令创建特定语言的设置。

语言相关的设置

添加JSON验证

许多文件类型默认启用JSON验证。创建您自己的模式和验证settings.json输入:

"json.schemas": [
    {
        "fileMatch": [
            "bower.json"
        ],
        "url": "https://json.schemastore.org/bower"
    }
]

或在您的工作区中定义的模式:

"json.schemas": [
    {
        "fileMatch": [
            "**/foo.json"
        ],
        "url": "./myschema.json"
    }
]

或使用自定义模式:

"json.schemas": [
    {
        "fileMatch": [
            "/.myconfig"
        ],
        "schema": {
            "type": "object",
            "properties": {
                "name" : {
                    "type": "string",
                    "description": "条目的名称"
                }
            }
        }
    }
]

JSON 文档中查看更多。

配置默认浏览器

在 VS Code 中,你可以通过按 Ctrl+点击 (在 macOS 上为 Cmd+点击) 一个链接在默认浏览器中打开。你可以通过设置

工作台.外部浏览器
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
设置.

指定浏览器可执行文件的完整路径作为设置值。或者,为了确保在不同设备上正常运行,您还可以使用浏览器别名,例如边缘谷歌浏览器,或火狐浏览器输入:.

"工作台.外部浏览器""微软Edge浏览器"

将多个日志合并为一个视图

输出面板显示了各种服务的输出。每个服务通常都有自己的日志。要分析来自多个服务的相关日志信息,您可以将多个日志合并为一个复合日志

选择 创建复合日志... 从输出面板的溢出菜单中。

扩展

键盘快捷键:⇧⌘X(Windows, Linux Ctrl+Shift+X

查找扩展

您可以使用多个来源来查找扩展:

  • 在 VS Code 市场.
  • 在 VS Code 的 扩展 视图中搜索。
  • 查看扩展推荐
  • 社区精选的扩展列表,例如 awesome-vscode.

在扩展视图中,选择过滤器控件,然后选择“最受欢迎”或“排序方式”>“安装次数”。

安装扩展

扩展推荐

在扩展视图中,选择过滤器控件,然后选择推荐,以查看推荐的扩展列表。

显示推荐的扩展

创建您的扩展

您有兴趣创建自己的扩展吗?您可以在扩展API文档中学习如何做到这一点,特别是查看关于贡献点的文档

  • 配置
  • 命令
  • 键盘快捷键
  • 语言
  • 调试器
  • 语法
  • 主题
  • 片段
  • JSON验证

文件和文件夹

简单文件对话框

通过简单的文件对话框,您可以在 VS Code 中用一个更简单的 Quick Pick 对话框替换系统默认的文件对话框,用于打开和保存文件和文件夹。

设置:

文件.简单对话
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开

简单文件对话框

小贴士

使用右上角的眼睛图标显示或隐藏以点开头的文件和文件夹。

显示资源管理器视图

键盘快捷键:⇧⌘E(Windows, Linux Ctrl+Shift+E

快速打开

快速搜索和打开文件。

键盘快捷键:⌘P(Windows, Linux Ctrl+P

快速打开

提示: 输入 查看命令建议。

快速打开命令列表

输入命令例如编辑术语跟随一个空格会弹出一个下拉列表。

快速打开中的命令

在最近打开的文件之间导航

重复按快速打开键盘快捷键,可在最近打开的文件之间快速切换。

从快速打开打开多个文件

您可以按 快速打开 打开多个文件 右箭头。这会在后台打开当前选择的文件,并且您可以继续从 快速打开 中选择文件。

在最近打开的文件夹和工作区之间导航

打开最近的文件夹或工作区。

键盘快捷键:⌃R(Windows, Linux Ctrl+R

显示一个快速选择下拉菜单,包含 文件 > 打开最近 中最近打开的文件夹和工作区,随后是文件。

键盘快捷键:Ctrl+点击 (Cmd+点击 在 macOS 上)

你可以通过将光标移动到文件链接,然后按Ctrl+点击来快速打开文件或图片,或者创建一个新文件。

创建并打开文件

关闭当前打开的文件夹

键盘快捷键:⌘K F(Windows, Linux Ctrl+K F

导航历史

浏览整个历史记录:⌃Tab(Windows, Linux Ctrl+Tab

返回导航:⌃- (Windows Alt+左, Linux Ctrl+Alt+-)

向前导航: ⌃⇧- (Windows Alt+Right, Linux Ctrl+Shift+-)

导航历史

文件关联

为未正确检测到的语言关联文件。例如,许多带有自定义文件扩展名的配置文件实际上确实是JSON。

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

防止脏写入

VS Code会在你尝试保存一个无法保存的文件时显示错误消息,因为该文件在磁盘上已更改。VS Code阻止保存文件,以防止覆盖在编辑器外部所做的更改。

为了解决保存冲突,请在通知弹窗中选择比较操作以打开一个差异编辑器,显示磁盘上的文件内容(左侧)与 VS Code 中的内容(右侧)的比较:

脏写

使用编辑器工具栏中的操作来解决保存冲突。您可以接受您的更改,从而覆盖磁盘上的任何更改,或者撤销磁盘上的版本。撤销意味着您的更改将丢失。

注意: 文件仍然处于脏状态,无法保存,直到你选择其中一个操作来解决冲突。

编辑技巧

以下是一些用于编辑代码的常用功能。如果您更熟悉其他编辑器的键盘快捷键,请考虑安装一个键映射扩展

提示:您可以在扩展视图中看到推荐的关键映射扩展,通过将搜索过滤到@推荐:键映输入:.

并排编辑

键盘快捷键:⌘\(Windows, Linux Ctrl+\

您还可以拖动和放置编辑器以创建新的编辑器组并移动编辑器之间的组。

拆分编辑器

在编辑器之间切换

键盘快捷键:⌘1(Windows, Linux Ctrl+1⌘2(Windows, Linux Ctrl+2⌘3(Windows, Linux Ctrl+3

导航编辑器

多光标选择

要添加任意位置的光标,请用鼠标选择一个位置并使用Alt+Click(在macOS上使用Option+Click)。

要将光标设置在当前位置之上或之下,请使用:

键盘快捷键:⌥⌘↑(Windows Ctrl+Alt+Up,Linux Shift+Alt+Up⌥⌘↓(Windows Ctrl+Alt+Down,Linux Shift+Alt+Down

多重光标

您可以使用⇧⌘L(Windows, Linux Ctrl+Shift+L为当前选择的所有实例添加额外光标。

将光标添加到当前选择的所有位置

注意:您也可以将修改键更改为Ctrl/Cmd,以便使用多个光标

编辑器.多光标修饰符
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
设置。请参阅多光标修改器了解详情。

如果您不想添加当前选择的所有出现次数,您可以使用⌘D(Windows, LinuxCtrl+D代替。这只会选择您选择的下一个出现次数,因此您可以逐个添加选择。

将光标添加到当前选择的下一个出现位置,逐个添加

列(框)选择

你可以通过按住Shift+Alt(在macOS上按住Shift+Option)并拖动鼠标来选择文本块。每行选择的末尾将添加一个单独的光标。

列文本选择

你也可以使用键盘快捷键来触发列选择。

垂直尺

您可以在编辑器中添加垂直柱状标尺

编辑器.标尺
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
设置,它接受一个数组,数组中的元素是您希望垂直标尺的列字符位置。

{
  "editor.rulers": [20, 40, 60]
}

编辑器中的编辑器标尺

快速滚动

Alt键可在编辑器和资源管理器中实现快速滚动。默认情况下,快速滚动使用5倍速度乘数,但您可以使用编辑器:快速滚动灵敏度控制乘数 (

编辑器快速滚动敏感度
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
) 设置。

锁定滚动

您可以通过使用视图:在编辑器之间切换锁定滚动命令来在所有可见的编辑器之间同步滚动。这意味着当您在其中一个编辑器中滚动时,所有其他编辑器也会以相同的量滚动,使所有内容保持对齐。

锁定编辑器中的滚动

您可以选择仅在按住特定键盘快捷键时才激活滚动同步。为键盘快捷键设置工作台.操作.保持锁定滚动命令以暂时锁定所有编辑器之间的滚动。

复制行向上/向下

键盘快捷键:⇧⌥↑(Windows Shift+Alt+Up,Linux Ctrl+Shift+Alt+Up⇧⌥↓(Windows Shift+Alt+Down,Linux Ctrl+Shift+Alt+Down

这些命令 复制行向上/向下 在 Linux 上未绑定,因为 VS Code 的默认键盘快捷键会与 Ubuntu 键盘快捷键冲突,见 问题 #509。你仍然可以设置这些命令 编辑器操作:向上复制行编辑器操作:向下复制行到你自己的首选键盘快捷键。

复制行向下

移动行上下调整

键盘快捷键:⌥↑(Windows, Linux Alt+Up⌥↓(Windows, Linux Alt+Down

移动行上下调整

缩小/扩大选择

键盘快捷键:⌃⇧⌘←(Windows, Linux Shift+Alt+Left⌃⇧⌘→(Windows, Linux Shift+Alt+Right

缩小 扩展 选择

您可以在基本编辑文档中了解更多信息。

转到文件中的符号

键盘快捷键:⇧⌘O(Windows, Linux Ctrl+Shift+O

按符号查找

您可以通过添加冒号来按种类分组符号,@:输入:.

按种类分组符号

转到工作区中的符号

键盘快捷键:⌘T(Windows, Linux Ctrl+T

转到工作区中的符号

大纲视图

在文件资源管理器中(默认情况下在底部折叠),大纲视图显示当前打开文件的符号。

大纲视图

您可以按符号名称、类别和文件中的位置进行排序,以便快速导航到符号位置。

导航到特定行

键盘快捷键:⌃G(Windows, Linux Ctrl+G

撤销光标位置

键盘快捷键:⌘U(Windows, Linux Ctrl+U

删除尾随空白字符

键盘快捷键:⌘K ⌘X(Windows, Linux Ctrl+K Ctrl+X

尾随空白字符

转换文本命令

您可以使用命令面板中的 转换 命令将选定的文本转换为大写、小写和标题格式。

转换文本命令

代码格式化

当前选择的源代码:⌘K ⌘F(Windows, Linux Ctrl+K Ctrl+F

整个文档格式:⇧⌥F(Windows Shift+Alt+F,Linux Ctrl+Shift+I

代码格式化

代码折叠

键盘快捷键:⌥⌘[(Windows, Linux Ctrl+Shift+[⌥⌘](Windows, Linux Ctrl+Shift+]⌘K ⌘L(Windows, Linux Ctrl+K Ctrl+L

代码折叠

你也可以在编辑器中通过 全部折叠 (⌘K ⌘0 (Windows, Linux Ctrl+K Ctrl+0)) 和 全部展开 (⌘K ⌘J (Windows, Linux Ctrl+K Ctrl+J)).

你可以通过 折叠所有块注释 (⌘K ⌘/ (Windows, Linux Ctrl+K Ctrl+/)) 来折叠所有块注释。

选择当前行

键盘快捷键:⌘L(Windows, Linux Ctrl+L

导航到文件的开头和结尾

键盘快捷键:⌘↑(Windows, Linux Ctrl+Home⌘↓(Windows, Linux Ctrl+End

打开Markdown预览

在Markdown文件中,使用

键盘快捷键:⇧⌘V(Windows, Linux Ctrl+Shift+V

Markdown 预览

并排 Markdown 编辑和预览

在Markdown文件中,使用

键盘快捷键:⌘K V(Windows, Linux Ctrl+K V

预览和编辑器将在任一视图中与您的滚动同步。

并排查看Markdown预览

智能感知

⌃Space (Windows, Linux Ctrl+Space) 触发 Suggestions 小部件。

智能感知

您可以查看可用的方法、参数提示、简短的文档等。

窥视

选择一个符号然后输入⌥F12(WindowsAlt+F12,LinuxCtrl+Shift+F10。或者,您可以使用上下文菜单。

窥视

转到定义

选择一个符号然后输入F12。或者,您可以使用上下文菜单或Ctrl+点击(在macOS上为Cmd+点击)。

转到定义

你可以使用 Go > Back 命令或 ⌃- (Windows Alt+Left,Linux Ctrl+Alt+- 返回到你之前的位置。

如果你在悬停类型时按下Ctrl(在macOS上为Cmd),你也可以看到类型定义。

转到参考文献

选择一个符号然后输入⇧F12(Windows, LinuxShift+F12。或者,您可以使用上下文菜单。

查看引用

查找所有引用视图

选择一个符号然后输入⇧⌥F12(Windows, LinuxShift+Alt+F12以打开References视图,显示所有文件的符号。

重命名符号

选择一个符号然后输入 F2。或者,您可以使用上下文菜单。

重命名符号

搜索和修改

除了搜索和替换表达式,您还可以使用正则表达式和捕获组搜索和重新使用匹配的部分。通过点击搜索框中的使用正则表达式启用正则表达式。 .* 按钮 (⌥⌘R (Windows, Linux Alt+R)) 然后编写一个正则表达式并使用括号来定义组。然后,您可以使用 来重复使用每个组中匹配的内容。$1$2在替换字段中,,等。

搜索和修改

.eslintrc.json

安装ESLint 扩展。根据您的需要配置您的 linter。查阅ESLint 规范以了解其 linting 规则和选项的详细信息。

以下是使用 ES6 的配置。

{
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module",
    "ecmaFeatures": {
      "jsx": true,
      "classes": true,
      "defaultParams": true
    }
  },
  "rules": {
    "no-const-assign": 1,
    "no-extra-semi": 0,
    "semi": 0,
    "no-fallthrough": 0,
    "no-empty": 0,
    "no-mixed-spaces-and-tabs": 0,
    "no-redeclare": 0,
    "no-this-before-super": 1,
    "no-undef": 1,
    "no-unreachable": 1,
    "no-use-before-define": 0,
    "constructor-super"1
    "curly"0
    "eqeqeq"0
    "func-names"0
    "valid-typeof"1
  }
}

package.json

查看您的IntelliSensepackage.json文件。

包json智能感知

Emmet语法

支持 Emmet 语法.

emmet语法

片段

创建自定义片段

文件 > 首选项 > 配置代码片段,选择语言并创建代码片段。

"创建组件": {
    "前缀": "组件",
    "主体": [
        "类 $1 延伸 React.Component {",
        "",
        "\t渲染() {",
        "\t\t返回($2);",
        "\t}",
        "",
        "}"
    ]
},

查看更多详情请参见 创建你自己的代码片段.

Git 集成

键盘快捷键:⌃⇧G(Windows, Linux Ctrl+Shift+G

Git集成是VS Code的“开箱即用”功能。您可以从VS Code扩展市场安装其他源代码控制管理(SCM)提供商。本节描述了Git集成,但许多用户界面和手势对其他SCM提供商也是通用的。

Git 责备

VS Code 在编辑器和状态栏中以内联形式显示 git 责任信息。将鼠标悬停在状态栏项目或内联提示上以查看详细的 git 责任信息。

状态栏中悬停在Git blame项上的截图,显示了Git blame信息。

要启用或禁用git blame信息,请使用Git: 切换Git Blame编辑器装饰Git: 切换Git Blame状态栏项目命令,或配置这些设置:

  • git.blame.statusBarItem.enabled
    • 在 VS Code 中打开
    • 在 VS Code Insiders 中打开
    (默认启用)
  • git.blame.editorDecoration.enabled
    • 在 VS Code 中打开
    • 在 VS Code Insiders 中打开

了解更多关于VS Code 中的 git blame 支持以及如何自定义布局。

差异

源代码管理视图中选择一个文件以打开差异编辑器。或者,选择右上角的打开更改按钮以比较当前打开的文件。

从源代码控制中获取git diff

浏览量

默认的差异视图是并排视图

切换内联视图,请在右上角选择更多操作 (…) 按钮,然后选择内联视图

显示差异编辑器中更多操作菜单的截图,突出显示内联视图菜单项

如果您更喜欢将内联视图设置为默认,请配置"diffEditor.renderSideBySide": false设置。

可访问的差异查看器

使用F7⇧F7(Windows, Linux Shift+F7)在差异中导航。这以统一的补丁格式显示更改。可以使用箭头键浏览行,并按Enter返回差异编辑器和选定的行。

差异_评论_面板

编辑待处理更改

在你查看差异编辑器中的更改时,你可以在差异编辑器的待更改区域直接进行编辑。

分支

通过状态栏轻松切换Git分支。

切换分支

筹备阶段

阶段文件更改

将鼠标悬停在文件数量上并选择加号按钮以将文件标记为更改。

选择减号按钮以取消暂存更改。

git 提交所有

阶段已选择

你可以通过在文件中选择文本,然后选择暂存选定范围,从命令面板或从差异编辑器上下文菜单(右键单击)中选择

撤销上一次提交

选择 (...) 按钮,然后选择 提交 > 撤销上次提交 以撤销上一个提交。更改将添加到暂存更改部分。

撤销上次提交

查看Git输出

VS Code 使您能够轻松查看正在运行的 Git 命令。当您仍在学习 Git 或在调试复杂的源控制问题时,这将非常有帮助。

要查看Git输出,请在源代码控制视图中选择 (...) 按钮,然后选择显示Git输出,使用Git:显示Git输出命令,或使用切换输出命令 (⇧⌘U (WindowsCtrl+Shift+U, LinuxCtrl+K Ctrl+H)),然后选择Git从下拉菜单中。

排水沟指示器

编辑器在侧边栏中提供视觉提示,显示了在哪里以及哪些行(添加、修改或删除的行)进行了更改。参见源代码管理文档了解更多信息。

git 河流指示器

解决合并冲突

在合并期间,转到源控制视图 (⌃⇧G (Windows, Linux Ctrl+Shift+G)) 并在差异视图中进行更改。

你可以使用内联代码查看器来解决合并冲突,该查看器允许你接受当前更改接受传入更改接受两者更改,和比较更改

Git 合并

了解更多关于解决合并冲突的信息,请参阅源代码控制文档。

将 VS Code 设置为默认合并工具

git 配置 --全局 合并工具 vscode
git 配置 --全局 mergetool.vscode.cmd 'code --wait $MERGED'

将 VS Code 设置为默认的差异工具

git 配置 --全局 差异工具 vscode
git 配置 --全局 diff工具.vscode命令 'code --wait --diff $LOCAL $REMOTE'

将文件与剪贴板进行比较

键盘快捷键:⌘K C(Windows, Linux Ctrl+K C

快速将活动文件与剪贴板内容进行比较,使用命令面板中的文件:将活动文件与剪贴板比较命令(⇧⌘P(Windows, Linux Ctrl+Shift+P)。

调试

配置调试器

从运行和调试视图 (⇧⌘D (Windows, Linux Ctrl+Shift+D)) 中选择 创建 launch.json 文件,系统会提示您选择与项目匹配的环境 (Node.js, Python, C++,等等)。这将生成一个 launch.json在你的工作区中包含调试器配置的文件。

Node.js 支持是内置的,其他环境需要安装相应的语言扩展。请参阅调试文档了解更多信息。

配置调试

断点和单步执行

通过选择编辑器边缘或使用F9在当前行上切换断点。编辑器边缘的断点通常显示为红色实心圆。

一旦调试会话开始,调试工具栏将出现在编辑器顶部,并允许您在调试时逐步执行或进入代码。了解更多关于调试操作的信息,请参阅调试文档。

调试

数据检查

变量可以在变量部分的运行和调试视图中检查,通过在编辑器中悬停在其来源上,或使用调试控制台。

数据检查

日志点

Logpoints 类似于 breakpoints,但当它们被触发时,不会停止调试器,而是将消息记录到控制台。Logpoints 特别适用于在无法修改或暂停的生产服务器上注入日志记录时使用。

在左侧编辑器边栏中使用添加日志点命令,它将显示为一个“钻石”形图标。日志消息是纯文本,但可以包括在花括号('{}')中进行评估的表达式。

在编辑器中设置的日志点

触发断点

触发断点是在另一个断点被触发后自动启用的断点。当诊断仅在满足特定前提条件后才会发生的代码中的故障情况时,它们非常有用。

通过右键单击字形边缘,选择添加触发断点,然后选择哪个其他断点启用该断点。

任务执行者

在 VS Code 中,可以配置任务来运行脚本和启动进程,这样就可以在 VS Code 内部使用这些工具,而无需进入命令行或编写新代码。

自动检测任务

选择终端,从顶级菜单中运行命令配置任务,然后选择要运行的任务类型。 这将生成一个任务.json 包含以下内容的文件。请参阅 任务 文档以获取更多详细信息。

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "install",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}

自动生成偶尔会有问题。请查看文档以确保正常工作。

从终端菜单运行任务

选择终端,从主菜单中运行命令运行任务,并选择要运行的任务。通过运行命令终止任务终止正在运行的任务。

任务执行者

定义任务的键盘快捷键

您可以为任何任务定义键盘快捷键。从命令面板 (⇧⌘P (Windows, Linux Ctrl+Shift+P)), 选择首选项:打开键盘快捷键文件, 将所需的快捷键绑定到工作台.操作.运行任务命令,并定义任务参数输入:.

例如,将 Ctrl+H 绑定到 运行测试任务,添加以下内容:

{
  "键": "ctrl+h",
  "命令": "workbench.action.tasks.runTask",
  "参数": "运行测试"
}

在资源管理器中以任务形式运行npm脚本

从资源管理器视图中,您可以打开脚本编辑器,将其作为任务运行,并使用节点调试器启动它(当脚本定义了调试选项时)--检查中断默认点击操作是打开脚本。要单击运行脚本,请设置

npm.脚本资源管理器操作
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
运行使用设置
npm.排除
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
排除脚本在package.json特定文件夹中的文件。

过滤问题

随着设置

npm.启用从文件夹运行
  • 在 VS Code 中打开
  • 在 VS Code Insiders 中打开
,你可以在资源管理器视图上下文菜单中启用从文件夹运行npm脚本。该设置启用命令在文件夹中运行npm脚本...,当选择一个文件夹时。该命令显示此文件夹中包含的npm脚本的快速选择列表,你可以选择要作为任务执行的脚本。

便携模式

VS Code 有一个便携模式,这使得您可以将设置和数据保存在与安装相同的位置,例如在USB驱动器上。

内部人士构建

Visual Studio Code 团队使用内部版本来测试 VS Code 的最新功能和错误修复。您也可以通过在这里下载来使用内部版本。

  • 对于早期采用者 - Insiders 提供最新的代码更改,供用户和扩展作者尝试。
  • 频繁构建 - 每天都有最新的错误修复和新功能的构建。
  • 并排安装 - 内部人员安装在稳定版本旁边,允许您单独使用其中一个。