VS 代码 - 统一检查 javascript、html 和 CSS 代码作为一个整体 - 在浏览器上 运行 之前?

VS Code - unified checking of javascript, html, and CSS code as a whole - prior to running on a browser?

如果这是一个非常愚蠢的问题,请原谅我,但我还没有找到任何答案 - 或者我可能不知道该问什么。

鉴于以下文件属于同一项目:

(以及在服务器上运行以实现目标的 MyProject.py)

。 . .所有这三个项目都是相关的,实际上是单个项目的一部分,它们需要集成在一起。

VS 代码的“html”部分确保 html 正确。
VS 代码的“css”部分确保 css 正确。
VS 代码的 JavaScript 部分确保 javascript 正确。

但是,它们可能不正确 在一起 作为一个统一的整体 - 我可能在 javascript 中更改了某些内容它引用了 html 中可能还不存在的东西——因为我忘了写它,而且直到我启动东西并看到网页以我的方式变成梨形时我才发现它以前没听说过。

有没有什么东西可以处理所有这些片段并说“嘿!您在 Javascript 中更改了此元素的定义,但在 HTML(或 CSS 或其他)

换句话说,我不仅想知道各个文件在语法上是否正确,而且它们之间是否一致?

如果有这样的“东西”,它叫什么?

该工具将永远不会存在,并且出于充分的理由,它会在编程时减慢您计算机的运行速度,并且不适合作为最佳实践。虽然它很酷,但有效地编写代码并且没有缓慢的代码编辑器更酷。因此,该建议是将您的 JavaScript 和 HTML 手拉手写在一起;拆分视图,你永远不会有问题。 CSS随时可以发挥作用。

了解代码是否正确的最佳选择是 linter,但如果您调用的元素不存在或您想要改进,它不会帮助您解决遇到的问题你如何编码这些 functions/events.

按照要求提交作为 OP 的答案。