VS Code相关插件：

Chinese (Simplified) Language Pack for Visual Studio Code

Debugger for Chrome

ESLint

Vetur

一 安装：安装VS Code插件  Debugger for Chrome

二 配置：config下index.js

cacheBusting  由  true 改为 false

//cacheBusting: true,

cacheBusting:false,

devtool 由 cheap-module-eval-source-map 改为 source-map

//devtool: ‘cheap-module-eval-source-map‘,

devtool: ‘source-map‘,

三 配置：launch.json 文件配置

{

"version": "0.2.0",

"configurations": [

{

"type": "chrome",

"request": "launch",

"name": "vuejs: chrome",

"url": "http://localhost:8080",

"webRoot": "${workspaceFolder}/src",

"breakOnLoad": true,

"sourceMapPathOverrides": {

"webpack:///src/*": "${webRoot}/*"

}

}

]

}

四 启动调试

原文：https://www.cnblogs.com/xcj26/p/9552142.html