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

Editor to share with you how vscode breakpoint debugging js project, I hope you will learn something after reading this article, let's discuss it together!

1. Install the Debugger for Chrome plug-in first

2. Open the project, press F5, open the search box, and select chrome

The launch.json file opens, as shown in the figure:

3. Add configuration information, as shown below:

{"name": "debugging with native Chrome", "type": "chrome", "request": "launch", "file": "${workspaceRoot} / index.html", / / "url": "http://mysite.com/index.html", / / when using an external server, please comment out file and use url instead And set useBuildInServer to false "http://mysite.com/index.html" runtimeExecutable: "C:\\ Program Files (x86)\\ Google\\ Chrome\\ Application\\ chrome.exe", / / change your Chrome installation path "sourceMaps": true, "webRoot": "${workspaceRoot}", / / "preLaunchTask": "build" "userDataDir": "${tmpdir}", "port": 5433}

The result is shown in the figure:

4. Change the debugging mode, as shown in the figure, select the circular button on the left, then come out of the debugging configuration management interface, and select "debug with native Chrome".

5. Then set the breakpoint at the js of the project, press F5, and you can debug the breakpoint.

After reading this article, I believe you have a certain understanding of "how to debug the js project at breakpoints in vscode". If you want to know more about it, you are welcome to follow the industry information channel. Thank you for reading!

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.