简介
在前端工作中，我们经常需要使用 ESLint 来规范 JS 代码的格式，提高代码可读性，这时就需要借助第三方的 eslint 配置包来优化 ESLint 的配置，从而达到高效且一致的编码风格的目的。而本文介绍的 @tanshio/eslint-config 就是一种优秀的 ESLint 配置包。
安装
安装 @tanshio/eslint-config：
npm install --save-dev @tanshio/eslint-config
在项目根目录下新建 .eslintrc.js 文件，并写入以下内容：
module.exports = {
extends: '@tanshio'
}配置项
@tanshio/eslint-config 的配置项基于推荐规则的基础上，提供了以下增强和定制化的配置项：
React 相关
@tanshio/eslint-config/react：在基础配置的基础上增加了 React 相关的规则。
TypeScript 相关
@tanshio/eslint-config/typescript：在基础配置的基础上增加了 TypeScript 相关的规则。@tanshio/eslint-config/react-typescript：在基础配置的基础上增加了 TypeScript 和 React 相关的规则。
Vue 相关
@tanshio/eslint-config/vue：在基础配置的基础上增加了 Vue 相关的规则。
示例代码
以下是一段使用了 @tanshio/eslint-config 的示例代码：
// Disallowed spacing before function parentheses
function foo () {
// Undefined variable
bar++
}在以上示例代码中，ESLint 会提示 Disallowed spacing before function parentheses 的错误，并提示 bar 这个变量未被定义。这可以帮助我们在编写代码时发现问题，并提高代码的可读性。
总结
通过本文的介绍，我们了解到了 @tanshio/eslint-config 的基本用法和配置项，并提供了一段使用示例代码。在实际开发中，我们可以使用它来优化 ESLint 的配置，从而提高代码的质量和可维护性，快速开发出高质量的前端项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600554ed81e8991b448d2241