概要：

在Visual Studio Code简称VS Code开发工具中，如何对一些使用前端开发技术，例如：Vue 开发的前端项目进行断点调试？本章节来介绍，如何配置调试环境、如何在代码中设置断点、如何启动断点调试、以及如何解决在调试过程中可能遇到的问题。

实际开发中，我们的前端项目的调试，一般都是打开浏览器中的开发者工具(F12)然后找到应对的JS文件进行打断点调试。但如果想在VS Code中 ，它也能像Visual Studio 后端开发的环境中一样，直接打断点调试，程序运行到相关逻辑就能马上命中断点。那岂不美哉！！！接下来就在VS Code中实现这简单又方便的断点调试操作。

1.配置调试环境