一个极简 UI 库之代码 lint

2023-10-22 14:41:10

ESLint

ESLint 是一个用于识别和报告 JavaScript 代码中潜在问题或错误的静态分析工具。它可以帮助开发人员在早期发现问题，并防止错误代码被合并到代码库中。ESLint 提供了许多内置规则，并且支持通过插件扩展其功能。

ESLint 配置

{
  "extends": ["eslint:recommended"],
  "rules": {
    "no-unused-vars": "error",
    "no-console": "error",
    "semi": ["error", "never"],
    "quotes": ["error", "double"]
  }
}

2. Prettier

Prettier 是一个代码美化工具，可以将代码按照一致的风格格式化。它可以帮助开发人员提高代码的可读性和可维护性。Prettier 支持多种编程语言，包括 JavaScript、CSS 和 HTML。

Prettier 配置

{
  "printWidth": 80,
  "tabWidth": 2,
  "useTabs": false,
  "semi": false,
  "singleQuote": true,
  "trailingComma": "es5"
}

3. Stylelint

Stylelint 是一个样式代码检查工具，可以帮助开发人员确保样式代码符合团队或项目的规范。它可以检查各种样式规则，例如选择器命名规则、属性值规范等。Stylelint 支持多种样式预处理器，例如 Sass、Less 和 Stylus。

Stylelint 配置

{
  "extends": ["stylelint-config-standard"],
  "rules": {
    "indentation": 2,
    "selector-class-pattern": "^([a-z][a-z0-9-]+)*{
  "extends": ["stylelint-config-standard"],
  "rules": {
    "indentation": 2,
    "selector-class-pattern": "^([a-z][a-z0-9-]+)*$",
    "no-descending-specificity": true
  }
}
quot;,
    "no-descending-specificity": true
  }
}