Visual Studio Code - 技巧与窍门 - 命令面板及其相关工具

2025-05-28

Visual Studio Code - 技巧与窍门 - 命令面板及其相关工具

Visual Studio Code 是目前最好的代码编辑器之一。
它的 Palette 有很多功能,但可能并非所有开发人员都了解。
让我们来看看最重要的几个功能,它们可以提高你的工作效率,并减少鼠标的使用。

命令面板

命令面板是您使用快捷方式⇧+⌘+P(在窗口上Ctrl+Shift+P)时显示的栏。

命令面板

此 Palette 允许您运行命令。具体是哪些命令?视情况而定。VsCode 已经提供了许多现成的命令,例如:保存文件、格式​​化文件、git 命令等等。但 Vscode 的强大功能远不止于此。它允许您创建新命令,并在可用命令列表中查看它们。更多扩展程序使用此功能来公开其命令并启用其功能。
命令通常按主题分组,例如,所有与终端配合使用的命令都带有前缀 Terminal,与 git 配合使用的命令都带有前缀 Git,依此类推。此“规则”是改进命令搜索的常见最佳实践。

请务必记住,如果调色板的第一个字符是 ,则表示该调色板正在使用 命令>。此字符表示调色板处于命令模式。

毋庸置疑,对于某些命令来说,这种流程可能有点枯燥,但不用担心,VsCode 团队也考虑到了这一点,他们允许我们创建快捷方式来运行你的命令。不过,我们会在另一篇文章中讨论这一点。

搜索文件和符号

如果您使用快捷方式⌘+P(在窗口上Ctrl+P),出现的调色板将具有不同的功能。在这种情况下,它已准备好处理文件,或者更确切地说,它已准备好搜索文件或在文件内部进行搜索。

搜索调色板

默认情况下,当此面板出现时,表示已准备好处理当前打开的文件,但您也可以处理其他文件。
让我们从处理当前文件的命令开始。

  • 跳转到行和列
    使用 :39 字符,:VsCode 可以跳转到文件的某一行。例如,如果您输入 :39 并按下 ENTER 键,VsCode 会将光标移动到第 39 行的行首。
    如果您知道行的列,也可以通过添加另一个字符来指定:,VsCode 会将焦点设置到所选行的列上。例如,:39:3对应于第 3 列的第 39 行。


  • 使用字符“搜索符号” @VsCode 可以在当前文件中搜索方法、属性、类和接口。
    如您所见,当您输入“搜索符号”时,@VsCode 会尝试为您提供帮助,并为您推荐文件中的所有符号。
    这有助于您搜索符号,并避免使用滚动条进行不定式搜索。

现在让我们继续看看如何搜索文件。

  • 搜索文件 在 VsCode 中搜索文件最简单的方法是使用快捷键⌘+P(在窗口上Ctrl+P),输入文件名称,ENTER找到后按下 。此搜索适用于整个项目。

搜索文件

但有时可能需要仅在文件夹内搜索。
为此,您需要先按字符流的文件夹名称开始搜索/,然后再搜索文件的名称。

在文件夹中搜索

但是此方法仅允许在此文件夹的第一级文件夹内搜索,并排除所有子文件夹。
因此,VsCode 团队也考虑到了这一点,通过使用 char,*您可以创建一个强大的条件来搜索文件。
此 char 可以单独使用,也可以与其他 char 组合使用*。如果使用组合,则表示您希望在该文件夹及其子文件夹中进行搜索。如果单独使用 char,则表示仅在文件夹内部进行搜索。
让我们看一些示例来更好地理解这一点。

  1. /src/ /File.ts在这种情况下,您想要搜索文件夹内及其子文件夹(`
    File.tssrc
    * )中 调用的所有文件。

  2. /src/***/components/Button.ts在这种情况下,您想要搜索位于名为的子文件夹中的文件夹内的
    所有文件Button.tssrccomponents

  3. /src/*** / .ts在这种情况下,您想要搜索文件夹内及其所有子文件夹中
    所有带有扩展名的文件。.tssrc

如您所见,通过以不同的方式组合字符,*您可以创建一个强大的搜索词。

我希望这些概念可以改善您日常使用 VsCode 的工作。

就这些了,伙计们。

再见👋

文章来源:https://dev.to/this-is-learning/visual-studio-code-tips-tricks-command-palette-and-its-friends-2bhi
PREV
Visual Studio Code - 技巧与窍门 - 代码片段
NEXT
理解过渡 JavaScript 应用