代码检查工具

代码质量检查和静态分析工具。

JavaScript/TypeScript

ESLint

• 简介: JavaScript 代码检查工具
• 链接: https://eslint.org/
• 特点:
  • 可配置的规则
  • 支持插件扩展
  • 自动修复功能
  • TypeScript 支持

TypeScript ESLint

• 简介: TypeScript 的 ESLint 支持
• 链接: https://typescript-eslint.io/
• 特点:
  • 类型感知的规则
  • 与 ESLint 完美集成
  • 持续更新

Biome

• 简介: 快速的 JavaScript 工具链
• 链接: https://biomejs.dev/
• 特点:
  • 极快的性能（Rust 编写）
  • 内置格式化和检查
  • 零配置

JSHint

• 简介: JavaScript 代码质量工具
• 链接: https://jshint.com/
• 特点:
  • 配置灵活
  • 社区成熟
  • 在线工具

CSS

Stylelint

• 简介: CSS 代码检查工具
• 链接: https://stylelint.io/
• 特点:
  • 支持 CSS、SCSS、Less
  • 170+ 内置规则
  • 自动修复
  • 插件生态丰富

CSSLint

• 简介: CSS 代码质量工具
• 链接: http://csslint.net/
• 特点:
  • 检查常见问题
  • 在线工具
  • 规则可配置

HTML

HTMLHint

• 简介: HTML 代码检查工具
• 链接: https://htmlhint.com/
• 特点:
  • 快速检查
  • 规则可配置
  • 编辑器集成

html-validate

• 简介: 离线 HTML5 验证器
• 链接: https://html-validate.org/
• 特点:
  • 严格的 HTML5 验证
  • 可扩展
  • 框架支持

代码质量

SonarQube

• 简介: 代码质量管理平台
• 链接: https://www.sonarqube.org/
• 特点:
  • 多语言支持
  • 安全漏洞检测
  • 代码异味识别
  • 技术债务追踪

DeepScan

• 简介: JavaScript 静态分析工具
• 链接: https://deepscan.io/
• 特点:
  • 深度分析
  • 运行时错误检测
  • 在线服务

安全检查

npm audit

• 简介: npm 包安全审计
• 链接: https://docs.npmjs.com/cli/v8/commands/npm-audit
• 特点:
  • 检查依赖漏洞
  • 自动修复
  • npm 内置

Snyk

• 简介: 开源安全平台
• 链接: https://snyk.io/
• 特点:
  • 依赖漏洞扫描
  • 代码安全分析
  • 容器安全
  • 持续监控

ESLint Plugin Security

• 简介: ESLint 安全插件
• 链接: https://github.com/eslint-community/eslint-plugin-security
• 特点: 检测常见安全问题

可访问性

axe DevTools

• 简介: 可访问性测试工具
• 链接: https://www.deque.com/axe/
• 特点:
  • 浏览器扩展
  • 自动化测试
  • 详细报告

eslint-plugin-jsx-a11y

• 简介: React 可访问性检查
• 链接: https://github.com/jsx-eslint/eslint-plugin-jsx-a11y
• 特点: JSX 可访问性规则

配置管理

@antfu/eslint-config

• 简介: Anthony Fu 的 ESLint 配置
• 链接: https://github.com/antfu/eslint-config
• 特点:
  • 开箱即用
  • 支持多种框架
  • 合理的默认配置

eslint-config-airbnb

• 简介: Airbnb 的 JavaScript 风格指南
• 链接: https://github.com/airbnb/javascript
• 特点:
  • 业界标准
  • 规则严格
  • 文档完善