Visual Studio Code 配置断点调试

参考链接：https://blog.csdn.net/arvin0/article/details/53673351

• 安装 Visual Studio Code 后，安装扩展：

  1. Debugger for Chrome
  2. Vetur（安装后可以打断点）
  3. Chinese (Simplified) Language Pack for Visual Studio Code

• 从左侧栏进入调试模块，点击右上方的齿轮，生成 launch.json，内容为：

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
      {
          "type": "chrome",
          "request": "launch",
          "name": "vux: chrome",
          "url": "http://localhost:8080",
          "webRoot": "${workspaceFolder}"
      }
  ]
}

• 右击 Chrome（包括附在任务栏上的Chrome图标）进入属性，在目标的值后面加上：（注意前面要先加空格）--remote-debugging-port=8080
• 执行npm run dev后，点击 VS Code 调试模块上的绿色三角形按钮即可进入调试状态。