vs code如何调试Chrome浏览器

来源：互联网 2023-02-21 23:36:56 391

vs code如何调试Chrome浏览器？?简单几步，让你轻松解决。

vs code如何调试Chrome浏览器？

工具/原料

联网电脑

方法/步骤

1. 下载并安装vs code.

vs code如何调试Chrome浏览器？

2. 点击界面左侧的拓展按钮，在如图所示的搜索中搜索插件： chrome debu。。。找到如图所示的插件，在右侧的详情页面中点击install按钮。

vs code如何调试Chrome浏览器？

2该信息未经许可获取自百度经验

3. 安装完成后，找到如图左侧栏中的调试按钮，再店家如图所示的设置按钮，右侧的面板中下拉框中选择chrome

vs code如何调试Chrome浏览器？

4. 在打开的lanuch.json文件中，输入下图中的文本并保存"type": "chrome","request": "launch","name": "vuejs: chrome","url": "http://localhost:8083","webRoot": "${workspaceFolder}/src","breakOnLoad": true,"sourceMapPathOverrides": {"webpack:///./src/*": "${webRoot}/*"}

vs code如何调试Chrome浏览器？