CSS、HTML和JavaScript的代码分析

Question

有没有类似于StyleCop的软件可以分析CSS、HTML和JavaScript，以检查预定义规则或自定义规则？

例如：

- CSS - 确保使用驼峰命名法来命名类名 - HTML - 确保不使用内联样式 - JavaScript - 还不确定 :P

最好是能够作为msbuild的一部分运行的工具，这样它们就可以作为质量构建的一部分包含在内。开发人员可运行的工具也是可取的。

- Adam Jenkin

---

CSS - 确保类名使用驼峰式大小写有趣。我实际上更喜欢连字符分隔的类名。 - RoToRa

Answer 1

如果您需要检查Javascript代码，请使用JSLint：

http://www.jslint.com/

- kemiller2002

Answer 2

对于CSS，您可以使用csslint工具。

http://csslint.net/

您也可以从命令行执行它。

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

- Sumit Gupta

Answer 3

如果您正在使用Visual Studio，则可以尝试Web Analyzer。它可以使用以下内容对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及以下版本。

- Majedur

Answer 4

如果您想要针对各种语言进行自定义规则，可以考虑使用DMS软件重构工具包。

DMS拥有广泛的编译器样式解析器，包括“脏”HTML和JavaScript等多种语言，以及定义此类语言方言（例如HTML的CSS）的方法。这些解析器构建完整的抽象语法树，然后您可以编写自定义脚本让DMS遍历这些树，并检查是否违反了您的样式约定。

基于DMS的工具很容易被纳入命令脚本中。DMS已经被用于COBOL和C++的这一目的。

- Ira Baxter