背景：网上下载了若依的后台管理前端项目，是Vue编写的。现在需要在VSCode中进行调试。
- VSCode安装调试插件
- 在VSCode，设置中打开允许在任何文件中设置断点。
- 在vue.config.js中设置
devtool: 'source-map'
- launch.json按照下图设置
-
npm run dev启动项目 -
项目启动成功后，在VSCode中启动调试
注意：前端代码中没有设置固定端口，每次npm run dev启动项目都会分配新的端口号，在控制台中可以看到该端口号，注意在vscode启动调试的时候，launch.json文件中的url端口号需要和分配的端口号一致。
问题： 遇到过在VSCode中设置了断点但不走的情况，在浏览器调试中设置相应的断点后，VSCode中断点也会走。
参考文档：
