现已推出!阅读有关 10 月新功能和修复的信息。

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)).

Welcome page

扩展也可以提供演练。您也可以直接使用命令面板中的 **帮助:打开演练...** 命令打开演练 (⇧⌘P (Windows、Linux Ctrl+Shift+P)).

Open walkthrough command in the Command Palette

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

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

Interactive editor playground

命令面板

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

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

Command Palette

默认键盘快捷键

命令面板中的许多命令都与默认键绑定相关联。您可以在 **命令面板** (⇧⌘P (Windows、Linux Ctrl+Shift+P)) 中的命令旁边看到默认键盘快捷键。

keyboard references

键盘参考表

下载适用于您平台的键盘快捷键参考表 (macOSWindowsLinux).

Keyboard Reference Sheet

快速打开

快速搜索并打开文件。

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

Quick Open

**提示:** 键入 ? 以查看命令建议。

Quick Open command list

键入 edtterm 等命令后跟空格,将显示一个下拉列表。

term command in Quick Open

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

反复按下 **快速打开** 键盘快捷键,可在最近打开的文件之间快速循环。

从快速打开中打开多个文件

您可以通过按下 右箭头 从 **快速打开** 中打开多个文件。这将在后台打开当前选定的文件,您可以继续从 **快速打开** 中选择文件。

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

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

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

显示一个快速选择下拉列表,其中包含 **文件** > **打开最近** 中的列表,其中包含最近打开的文件夹和工作区,然后是文件。

浮动窗口

您可以将编辑器打开在浮动窗口中,例如将编辑器移动到显示器上的另一个位置,甚至移动到另一个显示器。

要将编辑器打开在浮动窗口中,请将其从主窗口中拖出并将其放置在当前 VS Code 窗口之外的任何位置。另一种分离编辑器的方法是右键单击编辑器选项卡,然后选择 **移动到新窗口** (workbench.action.moveEditorToNewWindow) 或 **复制到新窗口** (⌘K O (Windows、Linux Ctrl+K O)) 选项。

命令行

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

确保 VS Code 二进制文件位于你的路径中,这样你就可以简单地输入 'code' 来启动 VS Code。如果 VS Code 在安装过程中已添加到你的环境路径,请参考特定平台的设置主题 (在 Linux 上运行 VS CodemacOSWindows).

# open code with current directory
code .

# open the current directory in the most recently used code window
code -r .

# create a new window
code -n

# change the language
code --locale=es

# open diff editor
code --diff <file1> <file2>

# open file at specific line and column <file:line[:character]>
code --goto package.json:10:5

# see help options
code --help

# disable all extensions
code --disable-extensions .

.vscode 文件夹

工作区特定文件位于工作区根目录下的 .vscode 文件夹中。例如,任务运行器tasks.json调试器launch.json

状态栏

错误和警告

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

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

使用 F8⇧F8 (Windows、Linux Shift+F8) 在错误之间循环。

errors and warnings

你可以按类型 ('info'、'errors'、'warnings') 或匹配文本来过滤问题列表。

更改语言模式

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

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

change syntax

如果你想为文件类型保留新的语言模式,请使用“配置文件关联”命令将当前文件扩展名与安装的语言关联起来。

自定义

有很多选项可以自定义 VS Code 以满足你的偏好。

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

更改主题

VS Code 带有许多内置的 颜色主题。使用“首选项:颜色主题”命令或使用键盘快捷键。

键盘快捷键:⌘K ⌘T (Windows、Linux Ctrl+K Ctrl+T)

Preview themes

你可以在 VS Code 扩展 市场 中安装更多主题。选择“首选项:颜色主题” > “+ 浏览其他颜色主题...”命令从市场搜索主题。

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

File icon themes

键映射

你习惯于使用其他编辑器的键盘快捷键吗?你可以安装一个键映射扩展,将你最喜欢的编辑器的键盘快捷键带到 VS Code。使用“首选项:键映射”命令查看 市场 上的当前列表。一些更流行的键映射:

自定义键盘快捷键

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

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

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

keyboard shortcuts

你也可以搜索快捷键并将自己的键绑定添加到 keybindings.json 文件中。

customize keyboard shortcuts

Visual Studio Code 的键绑定 中了解更多。

调整设置

默认情况下,VS Code 会显示设置编辑器以查看和编辑设置。你也可以使用“打开用户设置 (JSON)”命令编辑底层的 settings.json 文件,或者使用 workbench.settings.editor 设置更改你的默认设置编辑器。

打开用户设置 settings.json

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

更改各种 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 团队中流行的字体。

font ligatures

自动保存

"files.autoSave": "afterDelay"

你也可以从顶层菜单中使用“文件” > “自动保存”切换自动保存。

保存时格式化

"editor.formatOnSave": true

粘贴时格式化

"editor.formatOnPaste": true

更改 Tab 字符的大小

"editor.tabSize": 4

空格或 Tab

"editor.insertSpaces": true

渲染空格

"editor.renderWhitespace": "all"

默认情况下,空格字符在文本选择中呈现。

忽略文件/文件夹

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

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

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

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

了解有关许多 其他自定义选项 的信息。

特定语言设置

你可以使用语言标识符为特定语言限定设置。你可以在 语言标识符 参考中找到常用的语言 ID 列表。

"[languageid]": {

}

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

language based settings

添加 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": "The name of the entry"
                }
            }
        }
    }
]

JSON 文档中了解更多。

配置默认浏览器

在 VS Code 中,你可以 Ctrl+单击(在 macOS 上 Cmd+单击)链接以在你的默认浏览器中打开它。你可以通过设置 workbench.externalBrowser 设置 来配置默认浏览器。

将浏览器可执行文件的完整路径指定为设置值。或者,为了确保在不同设备上正常运行,你也可以使用浏览器别名,例如 edgechromefirefox

"workbench.externalBrowser": "edge"

扩展

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

查找扩展

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

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

在“扩展”视图中,选择“筛选”控件,然后选择“最受欢迎”或“按” > “安装数量”排序。

install extensions

扩展推荐

在“扩展”视图中,选择“筛选”控件,然后选择“推荐”以查看推荐扩展列表。

show recommended extensions

创建你自己的扩展

你是否对创建你自己的扩展感兴趣?你可以在 扩展 API 文档 中了解如何做到这一点,特别是在 有关贡献点的文档 中。

  • 配置
  • 命令
  • 键绑定
  • 语言
  • 调试器
  • 语法
  • 主题
  • 代码片段
  • jsonValidation

文件和文件夹

简单文件对话框

使用简单文件对话框,你可以用 VS Code 中更简单的快速选择对话框替换系统默认的打开和保存文件和文件夹的文件对话框。

启用简单文件对话框后,你可以使用 VS Code 中的快速选择浏览和选择文件和文件夹。

Simple File Dialog

要启用简单文件对话框,请配置 files.simpleDialog 设置

    "files.simpleDialog.enable": true

集成终端

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

Integrated terminal

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

进一步阅读

切换侧边栏

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

toggle side bar

切换面板

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

toggle panel

禅模式

进入无干扰的禅模式。

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

zen mode

按两次 Esc 退出禅模式。

并排编辑

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

你也可以拖放编辑器来创建新的编辑器组并在组之间移动编辑器。

split editors

在编辑器之间切换

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

navigate editors

显示资源管理器视图

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

键盘快捷键:Ctrl+单击(在 macOS 上为 Cmd+单击

您可以通过将光标移动到文件链接然后按 Ctrl+单击 快速打开文件或图像,或创建新文件。

create and open file

关闭当前打开的文件夹

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

导航历史记录

导航整个历史记录:⌃Tab(Windows、Linux Ctrl+Tab

后退导航:⌃-(Windows Alt+Left、Linux Ctrl+Alt+-

前进导航:⌃⇧-(Windows Alt+Right、Linux Ctrl+Shift+-

navigate history

文件关联

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

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

防止脏写入

当您尝试保存因在磁盘上发生更改而无法保存的文件时,VS Code 会向您显示错误消息。VS Code 阻止保存文件以防止覆盖在编辑器外部进行的更改。

要解决保存冲突,请选择通知弹出窗口中的“**比较**”操作以打开一个差异编辑器,该编辑器将显示磁盘上的文件内容(左侧)与 VS Code 中的内容(右侧)的比较。

dirty write

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

**注意:**在您选择两种操作之一来解决冲突之前,该文件将保持为脏文件,无法保存。

编辑技巧

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

**提示**:您可以在**扩展**视图中查看推荐的键盘映射扩展,方法是将搜索筛选为 @recommended:keymaps

多光标选择

要在任意位置添加光标,请使用鼠标选择一个位置,然后使用 Alt+单击(在 macOS 上为 Option+单击)。

要设置当前位置上方的光标或下方的光标,请使用

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

multi cursor

您可以使用 ⇧⌘L(Windows、Linux Ctrl+Shift+L 将额外的光标添加到当前选择的全部匹配项。

add cursor to all occurrences of current selection

注意:您还可以将修饰符更改为 Ctrl/Cmd,使用 editor.multiCursorModifier 设置 应用多光标。有关详细信息,请参阅 多光标修饰符

如果您不想添加当前选择的全部匹配项,可以使用 ⌘D(Windows、Linux Ctrl+D 代替。这只会选择您选择的下一个匹配项,以便您可以逐个添加选择。

add cursor to next occurrences of current selection one by one

列(框)选择

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

Column text selection

您还可以使用 键盘快捷键 来触发列选择。

垂直标尺

您可以使用 editor.rulers 设置在编辑器中添加垂直列标尺,该设置接受您希望添加垂直标尺的列字符位置的数组。

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

Editor rulers in the editor

快速滚动

Alt 键可在编辑器和资源管理器中启用快速滚动。默认情况下,快速滚动使用 5 倍的速度倍增器,但您可以使用**编辑器:快速滚动灵敏度**(editor.fastScrollSensitivity)设置控制倍增器。

锁定滚动

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

Locked scrolling in the editor

您可以在按住特定键盘快捷键时才激活滚动同步。为 workbench.action.holdLockedScrolling 命令设置一个键盘快捷键,以便暂时锁定所有编辑器中的滚动。

向上/向下复制行

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

在 Linux 上,**向上/向下复制行**命令未绑定,因为 VS Code 的默认键盘快捷键会与 Ubuntu 键盘快捷键冲突,请参阅 问题 #509。您仍然可以将 editor.action.copyLinesUpActioneditor.action.copyLinesDownAction 命令设置为您自己的首选键盘快捷键。

copy line down

向上和向下移动行

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

move line up and down

缩小/扩大选择

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

shrink expand selection

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

转到文件中的符号

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

Find by symbol

您可以通过添加冒号 @: 来按类型对符号进行分组。

group symbols by kind

转到工作区中的符号

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

go to symbol in workspace

大纲视图

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

Outline view

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

导航到特定行

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

撤消光标位置

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

修剪尾随空格

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

trailing whitespace

转换文本命令

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

Transform text commands

代码格式化

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

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

code formatting

代码折叠

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

code folding

您还可以使用**折叠全部**(⌘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 preview

并排 Markdown 编辑和预览

在 Markdown 文件中,使用

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

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

side by side Markdown preview

IntelliSense

⌃Space (Windows, Linux Ctrl+Space) 以触发建议小部件。

intellisense

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

Peek

选择一个符号,然后键入 ⌥F12 (Windows Alt+F12, Linux Ctrl+Shift+F10)。或者,您可以使用上下文菜单。

peek

转到定义

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

go to definition

您可以使用 转到 > 后退 命令或 ⌃- (Windows Alt+Left, Linux Ctrl+Alt+-) 返回到您之前的位置。

如果您在悬停在类型上时按 Ctrl (Cmd 在 macOS 上),您还可以看到类型定义。

转到引用

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

peek references

查找所有引用视图

选择一个符号,然后键入 ⇧⌥F12 (Windows, Linux Shift+Alt+F12) 以打开引用视图,该视图在专用视图中显示您文件的所有符号。

重命名符号

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

rename symbol

搜索和修改

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

search and modify

.eslintrc.json

安装 ESLint 扩展。根据您的需要配置您的代码检查程序。有关其代码检查规则和选项的详细信息,请参阅 ESLint 规范

以下是使用 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

查看您 package.json 文件的 IntelliSense。

package json intellisense

Emmet 语法

对 Emmet 语法的支持.

emmet syntax

代码片段

创建自定义代码段

文件 > 首选项 > 配置用户代码段,选择语言,然后创建一个代码段。

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

有关更多详细信息,请参阅 创建您自己的代码段

Git 集成

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

VS Code 提供了“开箱即用”的 Git 集成。您可以从 VS Code 扩展市场 安装其他源代码管理 (SCM) 提供程序。本节描述了 Git 集成,但许多 UI 和手势对于其他 SCM 提供程序来说是通用的。

差异

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

git diff from source control

视图

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

通过选择右上角的 更多操作 (...) 按钮,然后选择 内联视图 来切换 内联视图

Screenshot that shows the More Actions menu in the diff editor, highlighting the Inline View menu item

如果您希望将内联视图作为默认视图,请配置 "diffEditor.renderSideBySide": false 设置。

可访问的差异查看器

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

diff_review_pane

编辑待处理的更改

在您查看差异编辑器中的更改时,您可以在差异编辑器的待处理更改侧直接进行编辑。

分支

通过状态栏轻松地在 Git 分支之间切换。

switch branches

暂存

暂存文件更改

将鼠标悬停在文件数上,然后选择加号按钮以暂存文件。

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

git stage all

暂存选中

您可以通过在文件中进行文本选择,然后从 命令面板 或差异编辑器上下文菜单(右键单击)中选择 暂存选定范围 来暂存文件的一部分。

撤消上次提交

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

undo last commit

查看 Git 输出

VS Code 使您能够轻松查看实际运行的 Git 命令。当您仍在学习 Git 或调试一个困难的源代码控制问题时,这可能会有所帮助。

要查看 Git 输出,请在源代码管理视图中选择 (...) 按钮,然后选择 显示 Git 输出,使用 Git: 显示 Git 输出 命令,或使用 切换输出 命令 (⇧⌘U (Windows Ctrl+Shift+U, Linux Ctrl+K Ctrl+H)),然后从下拉列表中选择 Git

边距指示器

编辑器在边距中提供视觉提示,指示在哪里以及哪些更改(添加、更改或删除行)已进行。有关更多详细信息,请参阅 源代码控制文档

git gutter indicators

解决合并冲突

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

您可以使用内联 CodeLens 来解决合并冲突,CodeLens 允许您 接受当前更改接受传入更改接受所有更改比较更改

Git merge

在源代码控制文档中了解有关 解决合并冲突 的更多信息。

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

git config --global merge.tool vscode
git config --global mergetool.vscode.cmd 'code --wait $MERGED'

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

git config --global diff.tool vscode
git config --global difftool.vscode.cmd '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 支持是内置的,其他环境需要安装相应的语言扩展。有关更多详细信息,请参阅 调试文档

configure debugging

断点和单步执行

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

调试会话启动后,调试工具栏 会出现在编辑器的顶部,使您能够在调试时单步执行或进入代码。有关更多详细信息,请参阅调试文档中的 调试操作

debug

数据检查

可以在 运行和调试 视图的 变量 部分中检查变量,方法是将鼠标悬停在编辑器中的源代码上,或者使用调试控制台。

data inspection

日志点

日志点与断点非常相似,但它们不会在命中时停止调试器,而是将消息记录到控制台。日志点在调试无法修改或暂停的生产服务器时特别有用。

使用左侧编辑器边距中的 添加日志点 命令添加日志点,它将显示为“菱形”图标。日志消息是纯文本,但可以包含用花括号 ('{}') 括起来的要计算的表达式。

Logpoint set in the editor

触发断点

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

可以通过右键单击字形边距、选择 添加触发断点,然后选择哪个断点启用断点来设置触发断点。

任务运行器

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

自动检测任务

从顶层菜单中选择 终端,运行命令 配置任务,然后选择您要运行的任务类型。这将生成一个 tasks.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
      }
    }
  ]
}

有时会遇到自动生成问题。查看文档以了解如何使一切正常运行。

从终端菜单运行任务

从顶层菜单中选择 终端,运行命令 运行任务,然后选择您要运行的任务。通过运行命令 终止任务 来终止正在运行的任务。

task runner

为任务定义键盘快捷键

您可以为任何任务定义键盘快捷键。从**命令面板**(⇧⌘P(Windows、Linux Ctrl+Shift+P),选择**首选项:打开键盘快捷键文件**,将所需的快捷键绑定到workbench.action.tasks.runTask命令,并将**任务**定义为args

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

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

从资源管理器中运行 npm 脚本作为任务

从资源管理器视图中,您可以打开编辑器中的脚本,将其作为任务运行,并使用 node 调试器启动它(当脚本定义调试选项(如--inspect-brk)时)。单击的默认操作是打开脚本。要单击一次运行脚本,请将npm.scriptExplorerAction设置为run。使用设置npm.exclude来排除特定文件夹中包含的package.json文件中的脚本。

Filter problems

使用设置npm.enableRunFromFolder,您可以启用从资源管理器视图上下文菜单为文件夹运行 npm 脚本。该设置在选择文件夹时启用命令**在文件夹中运行 NPM 脚本...**。该命令显示一个快速选择列表,其中包含此文件夹中包含的 npm 脚本,您可以选择要作为任务执行的脚本。

便携模式

VS Code 有一个便携模式,它允许您将设置和数据保存在与安装相同的目录中,例如 USB 驱动器。

内部版本

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

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