npm 包 vscode-commands 使用教程

阅读时长 4 分钟读完

简介

vscode-commands 是一款方便快捷的 npm 包,它可以让你在 VS Code 的命令面板中轻松查看和执行你的命令。其主要功能是:快速定位和执行你在 VS Code 中的所有命令,一键复制命令名称,搜索命令,并可将常用命令添加到常用任务列表中。

安装

在终端里输入以下命令来安装 npm 包 vscode-commands:

使用教程

vscode-commands 有以下几个功能:

快速定位和执行命令

  1. 打开 VS Code,按下 F1Ctrl+Shift+P,就会进入命令面板;

  2. 输入 Command: List(或者是 Commands: List Recent);

  3. 如上图所示,会出现一个包含你所有命令的列表。你可以在列表中选择你要执行的命令,按下 Enter 键就可以很方便地执行它。

一键复制命令名称

当你在命令面板中查看到自己所需的命令时,你可能会需要复制它的名称进行粘贴操作。

  1. 打开 VS Code,按下 F1Ctrl+Shift+P,就会进入命令面板;

  2. 输入 Command: Copy(或者是 Commands: Copy Name);

  3. 如上图所示,会将当前选中的命令名称复制到剪切板中,你可以进行粘贴操作。

搜索命令

如果你有很多命令,或者你不知道这个命令的具体名称是什么, 那么你可以通过命令面板搜索命令。

  1. 如下图所示,你可以通过 F1Ctrl+Shift+P 进入命令面板;

  2. 输入 关键字,如下图所示:

  3. 会显示所有关键字相关的命令,你可以选择其中一个并按下 Enter 键来执行它。

添加到常用任务列表

如果你有一些常用的命令,你可以将它们添加到常用任务列表中。

  1. 打开 VS Code,按下 F1Ctrl+Shift+P,就会进入命令面板;

  2. 输入 Tasks: Configure Task(或者是 Configure Tasks);

  3. 会出现一个 tasks.json 文件,你可以在文件中添加你要添加的任务。

    -- -------------------- ---- -------
    -
        ---------- --------
        -------- -
            -
                -------- --- ------
                ------- --------
                ---------- ----- ----- ------
            --
            -
                -------- --- ----- ------
                ------- --------
                ---------- ----- ------- ------
            -
        -
    -
  4. 保存文件后,再回到命令面板中,输入 Tasks: Run Task 就可以运行它们。

注意事项

  1. 如果 npm 安装过程出现问题,那么请先删除现有的 node_modules 文件夹,重新安装该包;
  2. 如果你使用不当,这个包可能会使得你的 VS Code 缓慢。在这种情况下,请删除该包并使用默认的命令面板。

总结

vscode-commands 为程序员提供了一个更为方便、快捷,而且用户体验更好的命令执行方式。在此教程中,我们介绍了它的安装和使用,包括查找和执行已安装的任务、复制任务名称、搜索任务和任务列表的创建和使用。通过这些方法,你可以更快捷地执行自己的任务,提高编码效率。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055ffe81e8991b448ddcd6

纠错
反馈