在 VSCode 中启动时自动运行脚本

VSCode 提供了创建基于各种操作的任务的功能。其中一种方法是在 VSCode 中打开项目时运行某个包脚本。

我自己经常用Eleventy创建网站，所以我的npm start命令会以--serve默认模式运行 Eleventy，这意味着它会使用 Browsersync 创建本地服务器。打开我的任何 Eleventy 项目通常意味着我需要进行编辑并运行该服务器。那么，让我们来学习如何自动启动它吧！

创建任务

要添加启动任务，请将目录添加.vscode到项目的根目录（如果该目录尚不存在）。

然后，创建该文件tasks.json。这是VSCode能够检测到该文件所必需的文件名。

将以下内容添加到该文件中：

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "type": "npm",
      "script": "start",
      "label": "Launch Site",
      "group": "none",
      "presentation": {
        "reveal": "always",
        "panel": "new"
      },
      "runOptions": {
        "runOn": "folderOpen"
      }
    }
  ]
}

如有需要，请配置以下内容：

• script- 如果脚本名称不是当前名称，请更新为脚本名称。start
• label- 这可以是你想要的任何东西！

其他选项保持不变。runOptions启用开机启动（folderOpen），而这presentation组选项意味着将打开一个新的终端窗口来显示正在运行的任务。

允许任务运行

要使之生效，还需要一个步骤，即手动运行一次并允许其自动运行。

为此，请使用 VSCode 菜单Terminal并选择Run Task“启动站点”（如果您已更新自定义名称，则选择您的自定义名称）。系统将提示您选择扫描类型（如果不确定，请选择第一个选项）。

然后任务将运行。启动任务完成后，使用 . 结束它Ctrl + C。

打开文件夹时，您会收到最后一个弹出消息，询问您是否允许运行该任务。选择“允许并运行”。

现在，完全关闭并重新启动 VSCode，你的任务应该会在打开后立即运行！