VS 代碼 - 在瀏覽器上運行之前，統一檢查 javascript、html 和 CSS 代碼？

Question

如果這是一個非常愚蠢的問題，請原諒我，但我還沒有找到任何答案 - 或者我不知道要問的正確問題。

給定以下屬於同一項目的文件：

• 我的項目.html
• 我的項目.css
• 我的項目.js

（以及在服務器上運行以使事情發生的 MyProject.py）

. . . 這三個項目都是相關的，實際上是單個項目的一部分，它們需要集成在一起。

VS 代碼的“html”部分確保 html 是正確的。
VS 代碼的“css”部分確保 css 是正確的。
VS 代碼的 JavaScript 部分確保 javascript 是正確的。

但是，它們作為一個統一的整體可能並不正確 - 我可能已經更改了 javascript 中的某些內容，這些內容引用了 html 中可能尚不存在的內容 - 因為我忘了寫它，直到我啟動時才發現事情和觀看網頁 go 都是梨形的，我以前從未聽說過。

有沒有什么東西可以拿走所有這些碎片並說“嘿！您在 Javascript 中更改了此元素的定義，但在 HTML （或 CSS 或其他）中沒有更改

換句話說，我不僅想知道各個文件在語法上是否正確，而且它們是否相互一致？

如果有一個“東西”可以做到這一點，它叫什么？

Answer 1

該工具永遠不會存在，並且出於充分的理由，它會在編程時減慢您的計算機的生活，並且作為最佳實踐並不公平。 雖然它很酷，但有效地編寫代碼並且沒有緩慢的代碼編輯器會更酷。 所以這個建議是一起寫你的 JavaScript 和 HTML； 拆分視圖，您將永遠不會有問題。 CSS 可以隨時發揮作用。

了解代碼是否正確的最佳選擇是 linter，但如果您調用不存在的元素或者您是否想要改進這些函數的編碼方式，這將無助於您解決所面臨的問題/事件。

根據要求提交作為 OP 的答案。