希望该文章能对你有所帮助，能够少走一些弯路

相信很多人进行项目配置的时候都会这样命名xxx/index.vue

可能刚开始这样的命名并没有什么问题，但是当index.vue文件多起来之后，当你debugger的时候可能就会发现，找不到你要定位的文件了，但是我们这样的文件命名确实是符合规范的，所以我们就需要找到一个解决的办法

这个问题的答案网上一搜一堆，但是无非就是设置source-map，但是真的管用吗，至少我试过很多次是不管用的

直到有一次，偶然发现了一个方法，可以解决这个问题，虽说有点取巧，但是确实是真的解决了

方法如下

1. 首先，我们先打开要debugger的页面，然后打上debugger，然后我们先让页面进入调试模式，然后直接F8让断点执行
   

2. 然后我们可以改变该页面中的代码，保存，这时候页面会重新进入debugger模式
   

3. 这时页面重新进入debugger，就会定位到我们打断点的地方了，如果没有定位到，可以按一下F10进入下一步，应该就可以定位到了