简介
vscode-commands 是一款方便快捷的 npm 包,它可以让你在 VS Code 的命令面板中轻松查看和执行你的命令。其主要功能是:快速定位和执行你在 VS Code 中的所有命令,一键复制命令名称,搜索命令,并可将常用命令添加到常用任务列表中。
安装
在终端里输入以下命令来安装 npm 包 vscode-commands:
npm install -g vscode-commands
使用教程
vscode-commands 有以下几个功能:
快速定位和执行命令
打开 VS Code,按下
F1
或Ctrl+Shift+P
,就会进入命令面板;输入
Command: List
(或者是Commands: List Recent
);如上图所示,会出现一个包含你所有命令的列表。你可以在列表中选择你要执行的命令,按下
Enter
键就可以很方便地执行它。
一键复制命令名称
当你在命令面板中查看到自己所需的命令时,你可能会需要复制它的名称进行粘贴操作。
打开 VS Code,按下
F1
或Ctrl+Shift+P
,就会进入命令面板;输入
Command: Copy
(或者是Commands: Copy Name
);如上图所示,会将当前选中的命令名称复制到剪切板中,你可以进行粘贴操作。
搜索命令
如果你有很多命令,或者你不知道这个命令的具体名称是什么, 那么你可以通过命令面板搜索命令。
如下图所示,你可以通过
F1
或Ctrl+Shift+P
进入命令面板;输入 关键字,如下图所示:
会显示所有关键字相关的命令,你可以选择其中一个并按下
Enter
键来执行它。
添加到常用任务列表
如果你有一些常用的命令,你可以将它们添加到常用任务列表中。
打开 VS Code,按下
F1
或Ctrl+Shift+P
,就会进入命令面板;输入
Tasks: Configure Task
(或者是Configure Tasks
);会出现一个
tasks.json
文件,你可以在文件中添加你要添加的任务。-- -------------------- ---- ------- - ---------- -------- -------- - - -------- --- ------ ------- -------- ---------- ----- ----- ------ -- - -------- --- ----- ------ ------- -------- ---------- ----- ------- ------ - - -
保存文件后,再回到命令面板中,输入
Tasks: Run Task
就可以运行它们。
注意事项
- 如果 npm 安装过程出现问题,那么请先删除现有的
node_modules
文件夹,重新安装该包; - 如果你使用不当,这个包可能会使得你的 VS Code 缓慢。在这种情况下,请删除该包并使用默认的命令面板。
总结
vscode-commands 为程序员提供了一个更为方便、快捷,而且用户体验更好的命令执行方式。在此教程中,我们介绍了它的安装和使用,包括查找和执行已安装的任务、复制任务名称、搜索任务和任务列表的创建和使用。通过这些方法,你可以更快捷地执行自己的任务,提高编码效率。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ffe81e8991b448ddcd6