一：参考官网文档，写的还是很清楚的：https://cn.vuejs.org/v2/cookbook/debugging-in-vscode.html
二：需要安装的东西和初始项目
2.1 用vue-cli初始化一个vue项目，我这里项目名就叫vue，这里不介绍，不是这个要讲的。问度娘吧。
2.2 用vscode打开这个项目，修改 项目 vue/build/config/index.js 里面的 dev 里面的 devtool: 'cheap-module-eval-source-map' 为 devtool: 'source-map' ，让在编译的时候生成.map文件，能对应找到源码位置。
module.exports = { dev: { .......... // https://webpack.js.org/configuration/devtool/#development // devtool: 'cheap-module-eval-source-map', // 原来的 devtool: 'source-map', // 为了能在vscode上面调试改的 ................... }