ESLint 和 Prettier 代码质量工具配置
ESLint 和 Prettier 是现代 JavaScript 开发中不可或缺的代码质量工具,它们帮助我们维护一致的代码风格、发现潜在错误,并确保代码遵循最佳实践。
工具简介
ESLint
- 作用: 静态代码分析工具,检查代码错误和风格问题
- 功能: 语法错误检测、代码规范检查、最佳实践建议
- 配置: 高度可配置,支持自定义规则
Prettier
- 作用: 代码格式化工具,自动格式化代码
- 功能: 统一代码风格、自动格式化、保存时格式化
- 特点: 固执己见的格式化,减少配置复杂度
两者的区别和配合
- ESLint: 关注代码质量和逻辑错误
- Prettier: 关注代码格式和视觉呈现
- 配合使用: ESLint 负责逻辑检查,Prettier 负责格式化
安装和基础配置
1. 安装 ESLint
# 安装 ESLint
npm install --save-dev eslint
# 交互式初始化配置
npx eslint --init
交互式配置选项: