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,则表示仅在文件夹内部进行搜索。
让我们看一些示例来更好地理解这一点。
-
/src/ /File.ts在这种情况下,您想要搜索文件夹内及其子文件夹(`
File.ts
src
* )中 调用的所有文件。 -
/src/***/components/Button.ts在这种情况下,您想要搜索位于名为的子文件夹中的文件夹内的
所有文件。Button.ts
src
components
-
/src/*** / .ts在这种情况下,您想要搜索文件夹内及其所有子文件夹中
所有带有扩展名的文件。.ts
src
如您所见,通过以不同的方式组合字符,*
您可以创建一个强大的搜索词。
我希望这些概念可以改善您日常使用 VsCode 的工作。
就这些了,伙计们。
再见👋
文章来源:https://dev.to/this-is-learning/visual-studio-code-tips-tricks-command-palette-and-its-friends-2bhi