Shulou(Shulou.com)06/02 Report--

This article is about debugging js code in vscode. Xiaobian thinks it is quite practical, so share it with everyone for reference. Let's follow Xiaobian and have a look.

Search Debugger for Chrome in the left extension and click Install

Click f5 under your html project directory, or select debug on the left

Select the drop-down button, there will be an add, select chrome

The laungh.json configuration file will appear under your project directory

However, for different code files to debug, each time you need to modify the configuration file

{ "version": "0.2.0", "configurations": [{ "type": "chrome", "request": "launch", "name": "Launch Chrome against localhost", "url": "http://localhost:8080", "webRoot": "${workspaceRoot}" }, { "type": "chrome", "request": "attach", "name": "Attach to Chrome", "port": 9222, "webRoot": "${workspaceRoot}" }, { "name": "Launch index.html (disable sourcemaps)", "type": "chrome", "request": "launch", "sourceMaps": false, "file": "${workspaceRoot}/jsTest/test1/test1.html" #The file address here needs to be modified every time } ]}

Here you can start debugging.

Select Launch index.html (disable sourcemaps) debugging item, press f5 debugging, it will appear, open goole browser at the same time, click

The debugging phase can be entered.

Thank you for reading! About "debugging js code in vscode" this article is shared here, I hope the above content can be of some help to everyone, so that everyone can learn more knowledge, if you think the article is good, you can share it to let more people see it!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.