若您是一名开发者，相信对于Visual Studio Code（VS Code）并不陌生。作为日常工作中的重要代码编辑器，VS Code提供了丰富的插件生态系统，极大地提升了我们工作效率和代码质量。那

如图↑，直接sources面板中打断点。 若在第6行的空行打断点，看到一个动画显示断点从第六行溜到第七行。vscode的debugger扩展实质就是与这个通信，并反馈结果到自己的ui上。 因此如果你看到vscode中用鼠标打的断点与显示不一致，那么其实是浏览器就是这样做的，只是…

工作过程中发现了一些可以优化自己开发效率的点，通过魔改vscode的插件实现了这一效果，有相似痛点的同学可以安装尝试一下~

大家好，我是石小石！作为前端开发，vscode好比我们的衣食父母，不可或缺。我相信大家都试过给编译器装一些插件，用来提升开发效率。