visualstudio调试html,debugging - How do I debug HTML and JavaScript together in VSCode (Visual Studio ...

I have a really simple project in VSCode, an index.html file linking to a single app.js file.

I want to run and debug this mini website when I hit F5.

How do I configure VSCode to open index.html in the browser and then allow me to set breakpoints in app.js that will be triggered by my interaction with the app in the browser?

In Visual Studio this would "just work", because it fires up its own web server, IIS Express. In VSCode I'm not sure how I set up launch.json and/or tasks.json to create a simple node.js web server and serve index.html.

I have seen some examples of debugging javascript apps, for example this launch.json:

{

"version": "0.1.0",

"configurations": [

{

"name": "Launch Bjarte's app",

"type": "node",

"program": "app.js",

"stopOnEntry": true,

"args": [],

"cwd": ".",

"runtimeExecutable": null,

"runtimeArguments": [],

"env": {},

"sourceMaps": false

},

{

"name": "Attach",

"type": "node",

"address": "localhost",

"port": 5858,

"sourceMaps": false

}

]

}

This will run the js file, but I don't understand how I can interact with the app.