打开vscode项目后,自动执行npm run dev - 办公自动化

打开vscode项目后,自动执行npm run dev - 办公自动化

需求

开机需要启动一个服务,但是我还需要有代码的修改,不能直接bat运行,需要在vscode里运行。开始的时候找了一个auto run command插件,发现不能用,然后就发现了一篇文章。试了下,能用。

粗暴解决

在项目里看 ./vscode/tasks.json 是否存在,如果不存在,将下面的代码创建tasks.json即可。

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run npm dev on startup",
      "type": "shell",
      "command": "npm run dev",
      "windows": {
        "command": "npm run dev"
      },
      "presentation": {
        "reveal": "always",
        "panel": "new"
      },
      "runOptions": { "runOn": "folderOpen" }
    }
  ]
}

如何创建task文件

How to create a task file
注意tasks.json 分为全局和项目自身,这里一定要创建的是项目自身的tasks,而不是全局的tasks

  1. ctrl+shift+p
  2. 输入 tasks 选择 配置任务
  3. 使用模板创建 tasks.json 文件
  4. 选择other
  5. 自动在当前项目创建.vscode\tasks.json
  6. 将下面的代码替换tasks.json
{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Run npm dev on startup",
      "type": "shell",
      "command": "npm run dev",
      "windows": {
        "command": "npm run dev"
      },
      "presentation": {
        "reveal": "always",
        "panel": "new"
      },
      "runOptions": { "runOn": "folderOpen" }
    }
  ]
}

杂谈

ref的排版,看着是真舒服啊~

refs:
How to run a command automatically in VS Code when you open a project
https://www.roboleary.net/vscode/2020/10/19/vscode-task-onstartup.html

posted @ 2024-11-07 09:19  彭成刚  阅读(18)  评论(0编辑  收藏  举报