简单分享一下在vscode里通过调试一键启动“vue+nodejs+浏览器”的方法

三青qaq

于 2024-04-09 16:33:37 发布

阅读量431

点赞数 2

本文链接：https://blog.csdn.net/qq_31800065/article/details/137549950

版权

因为网上找的vscode设置的教程多而杂，所以在此简单记录并分享一下在vscode里通过调试一键启动“vue+nodejs+浏览器”的方法。

在vscode运行调试页点击创建 launch.json

在这里插入图片描述

添加配置代码

{
  "version": "0.2.0",
  "configurations": [
    {
      "command": "npm start", //命令代码
      "name": "npm start",
      "request": "launch",
      "type": "node-terminal",
      "cwd": "${workspaceFolder}/doraemon-nodejs"
    },
    {
      "command": "npm run dev -- --host 0.0.0.0",
      "name": "npm run dev",
      "request": "launch",
      "type": "node-terminal",
      "cwd": "${workspaceFolder}/doraemon-vue"
    },
    {
      "name": "Launch Edge",
      "request": "launch",
      "type": "msedge",
      "url": "http://localhost:5173",
      "webRoot": "${workspaceFolder}"
    },
  ],
  
  // 一键启动多个配置
  "compounds": [
    {
      "name": "原神启动！",
      "configurations": ["npm run dev", "npm start", "Launch Edge"]
    }
  ]
}