打开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