首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法同时运行"tsc -watch“和"npm start”,只需在VSCode上点击一个按钮/快捷方式?

是的,可以通过使用VSCode的任务运行器来实现同时运行"tsc -watch"和"npm start"的功能,并通过点击一个按钮或快捷方式来触发。

首先,打开VSCode并进入你的项目文件夹。然后,按下Ctrl+Shift+B(或者点击顶部菜单栏中的"终端" -> "运行生成任务")来打开任务运行器。

在任务运行器中,你可以创建一个自定义任务来同时运行"tsc -watch"和"npm start"。点击"任务" -> "配置任务" -> "任务运行器",选择"终端"。

在打开的tasks.json文件中,你可以添加以下配置:

代码语言:txt
复制
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "tsc -watch",
      "type": "shell",
      "command": "tsc -w",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    },
    {
      "label": "npm start",
      "type": "shell",
      "command": "npm start",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
}

保存并关闭tasks.json文件。

现在,你可以在VSCode的任务运行器中看到你刚刚创建的两个任务:"tsc -watch"和"npm start"。你可以通过点击任务运行器的播放按钮来同时运行这两个任务。

如果你想要将这个功能绑定到一个按钮或快捷方式上,可以通过自定义键盘快捷方式来实现。点击"文件" -> "首选项" -> "键盘快捷方式",在打开的keybindings.json文件中添加以下配置:

代码语言:txt
复制
{
  "key": "ctrl+shift+r",
  "command": "workbench.action.tasks.runTask",
  "args": "tsc -watch"
},
{
  "key": "ctrl+shift+s",
  "command": "workbench.action.tasks.runTask",
  "args": "npm start"
}

保存并关闭keybindings.json文件。

现在,你可以通过按下Ctrl+Shift+R来运行"tsc -watch"任务,通过按下Ctrl+Shift+S来运行"npm start"任务。这样,你就可以通过点击一个按钮或快捷方式来同时运行这两个任务了。

希望以上信息对你有所帮助!如果你有任何其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券