参考链接：https://blog.csdn.net/arvin0/article/details/53673351
安装 Visual Studio Code 后，安装扩展：
Debugger for Chrome
Vetur（安装后可以打断点）
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 调试模块上的绿色三角形按钮即可进入调试状态。
