CSS、HTML和javascript的代碼分析

Question

誰能指出類似於 StyleCop for C# 的軟件方向，它可以根據預定義規則/自定義規則集分析 CSS、HTML 和 javascript。

例如，

• css - 確保駱駝大小寫用於 class 名稱
• html - 確保不使用內聯樣式
• javascript - 還不確定：P

理想情況下，可以作為 msbuild 的一部分運行的工具將是有益的，因此它們可以作為質量構建的一部分包含在內。 開發人員可運行的工具也是可取的。

Answer 1

對於javascript，請查看JSLint：

http://www.jslint.com/

Answer 2

對於CSS，您可以使用csslint工具。

http://csslint.net/

它也可以從命令行執行。

https://github.com/stubbornella/csslint/wiki/Command-line-interface

Answer 3

如果您需要針對各種語言的可自定義規則，可以考慮使用DMS軟件重新設計工具包 。

DMS具有編譯器樣式的解析器，適用於各種語言（包括“臟”HTML和JavaScript）以及定義此類語言的方言（例如，用於HTML的CSS）。 這些解析器構建完整的抽象語法樹，然后您可以為DMS編寫自定義腳本以遍歷這些樹並檢查您的樣式約定是否未被違反。 基於DMS的工具很容易合並到命令腳本中。

對於COBOL和C ++，DMS已經用於此目的。

Answer 4

如果您使用的是Visual Studio ，那么您可以嘗試Web Analyzer

Lints JavaScript、JSX、TypeScript、CoffeeScript 和 CSS 文件使用：

CssLint
ESLint (a better version of JSHint, JSLint and JSCS)
CoffeeLint
TSLint

https://marketplace.visualstudio.com/items?itemName=MadsKristensen.WebAnalyzer&ssr=false#overview

注意：適用於 visual studio 2015 及更低版本。