如何 运行 在 VS Code 中进行调试,以便它可以在调试模式下启动 Chrome,并在 HTML 页面上暂停 .js 脚本?

How to run debug in VS Code so that it would launch Chrome in debug mode with paused .js scripts on HTML page?

总结: 我得到了 VS 代码。 我得到了空的 HTML 模板文件,我在其中学习了如何编写 js 脚本。 VS Code 有调试器,可以在 Chrome 中启动我的文件进行调试(理论上)。 我在文件中设置了断点。

我可以让调试器启动 Chrome 并打开 HTML 文件,但是 Chrome 不会在断点和 运行 的整个脚本处停止。

我无法从 VS Code 暂停脚本。除非我手动从 Chrome 开发工具暂停脚本。

问题: 如何 运行 在 VS Code 中进行调试,以便它可以在 HTML 页面上使用暂停的 .js 脚本在调试模式下启动 Chrome?

我的意思是,我真的不使用外部脚本或环境或其他东西之类的奇特东西。 它只是一个普通的 HTML 模板文件,其中包含 5-30 行 .js 脚本代码。没有其他的。我希望如此基本的东西能够通过按一下按钮“从盒子里”工作。但它不是。

这是可能的:

来自 VSCode 文档:https://code.visualstudio.com/docs/nodejs/browser-debugging

The simplest way to debug a webpage is through the Debug: Open Link command found in the Command Palette (Ctrl+Shift+P). When you run this command, you'll be prompted for a URL to open, and the debugger will be attached.

突然之间,VSCode 现在开始正确使用断点了。也许有一些修补程序或其他东西。