Visual Studio Code 配置断点调试

最新推荐文章于 2024-10-02 13:25:17 发布

petezh

最新推荐文章于 2024-10-02 13:25:17 发布

阅读量8.6k

点赞数

分类专栏： Web 前端

本文链接：https://blog.csdn.net/petezh/article/details/81483148

版权

本文介绍了如何在Visual Studio Code中配置断点进行Chrome浏览器的调试。首先，需要安装Debugger for Chrome和Vetur扩展，然后添加Chinese (Simplified) Language Pack。接着，通过生成launch.json文件并修改Chrome快捷方式的属性，使VS Code能够启动调试模式。最后，点击VS Code的绿色三角形按钮开始调试。

摘要由CSDN通过智能技术生成

参考链接：https://blog.csdn.net/arvin0/article/details/53673351

安装 Visual Studio Code 后，安装扩展：
1. Debugger for Chrome
2. Vetur（安装后可以打断点）
3. Chinese (Simplified) Language Pack for Visual Studio Code
从左侧栏进入调试模块，点击右上方的齿轮，生成 launch.json，内容为：

{
  // 使用 IntelliSense 了解相关属性。 
  // 悬停以查看现有属性的描述。
  // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
  "version": "0.2.0",
  "configurations": [
      {
          "type": "chrome"