介绍
eslint-config-tommydunn 是一个适用于 JavaScript 项目的 eslint 配置包，提供了一组代码规范。使用该包可避免代码中的错误、统一代码风格并提高代码可读性、可维护性。与其他 eslint 配置包不同的是，eslint-config-tommydunn的规则有一定深度性的解释，便于开发者更好地理解并应用到实际项目中。
安装
使用 npm 进行安装：
npm install eslint-config-tommydunn
使用
在项目根目录下创建 .eslintrc.js 文件，将 eslint-config-tommydunn 添加到 extends 选项中，如下所示：
module.exports = {
extends: ["tommydunn"]
}规则详解
eslint-config-tommydunn 中的规则被分为几个主要部分。
格式
- 缩进符必须为 2 个空格。
- 缩进风格必须使用 soft-tabs。
- 代码块左大括号必须与语句同行。
- 声明必须使用单引号。
- 对象字面量必须在左大括号前加上一个空格。
- 必须使用单引号来引用 JSX 属性。
变量
- 变量必须使用 const 或 let 声明。
- 变量名必须使用驼峰式命名法（camelCase）。
- 块级作用域变量必须在块的开头声明。
- 在使用值之前，必须声明变量。
- 不要将未使用的变量赋值给废弃变量
_。
函数
- 对于函数声明或函数表达式，函数名必须与左括号在同一行。
- 对于没有参数的函数，必须显式指定空括号（
()）。 - 必须显式指定函数的返回类型。
- 在 ES6 箭头函数语法中，必须省略参数括号和花括号。当函数体超过一行时，必须使用明确的 return。
控制语句
- 控制语句
if,else,for,while,do,switch, 及try后必须有一个空格。 - 控制语句
if,else,for,while,do,switch, 及try后必须使用块，即使只有一条语句。
操作示例
- 在项目根目录下创建 .eslintrc.js 文件
- 在文件中添加以下代码：
module.exports = {
extends: ["tommydunn"]
}- 运行命令
eslint yourfile.js，即可对文件进行规则检验
总结
eslint-config-tommydunn 是一个有深度的 eslint 配置包，对于代码规范有一定理解的开发者来说，使用此包有助于代码规范化。同时本文也提供了一些符合前端开发规范的示例代码，读者可根据需要适当修改以适应项目的实际情况。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056ea181e8991b448e76ab