前言
在前端开发中，我们在编写代码时通常需要遵循一些规范，以保证代码的可读性及可维护性。使用 linter 工具可以帮我们在编码时发现一些潜在的问题，并且让我们在一些 code review 时能够更加高效的找出代码及规范中的问题。
@wsmd/eslint-config 就是一个能够帮助我们在前端开发中使用 eslint 进行代码规范管理的 npm 包，该包提供了一套符合我司编码规范的 eslint 配置。在本文中，我们将介绍如何安装和使用这个包。
安装
首先，你需要安装 node.js（官网地址：https://nodejs.org）和 npm（Node.js 的包管理工具）。
注意：安装完 node.js 和 npm 后，可以通过
node -v和npm -v命令查看当前版本号，以确认安装成功。
在安装完 node.js 和 npm 之后，我们可以以以下三种方式之一来安装 @wsmd/eslint-config：
通过 npm
我们可以直接从 npm 上安装 @wsmd/eslint-config，只需要在命令行中使用以下命令即可：
$ npm install @wsmd/eslint-config --save-dev
这里通过 --save-dev 参数将包安装到了开发依赖中。
通过 yarn
如果你使用的是 yarn，可以使用以下命令来安装：
$ yarn add @wsmd/eslint-config --dev
手动安装
你也可以将 @wsmd/eslint-config 下载到本地，手动安装到项目中。
配置
安装完 @wsmd/eslint-config 后，我们需要在项目中配置 eslint，并且将 @wsmd/eslint-config 加入到配置中。
配置 eslint
首先，我们需要在项目中初始化 eslint。你可以通过以下命令进行初始化。
$ npx eslint --init
以上命令执行完后你可以按照提示完成 eslint 配置，这里我们不再赘述。
配置 @wsmd/eslint-config
安装完 @wsmd/eslint-config 后，我们需要在 .eslintrc.js 配置文件中引入它：
module.exports = {
extends: ['@wsmd/eslint-config']
};这里我们将 @wsmd/eslint-config 添加到了 extends 字段中，以此开启对其提供的 eslint 规则的检查和校验。
使用
现在，已经完成了 @wsmd/eslint-config 的安装和配置，我们就可以在前端项目开发中使用它来管理代码规范了。
以 vue 项目为例，我们在 package.json 文件中增加以下 scripts：
{
"scripts": {
"lint": "eslint --ext .js,.jsx,.vue src"
}
}然后在命令行中执行以下命令：
$ yarn run lint
npm run lint 命令将检查 src 目录下的所有 .js、.jsx 和 .vue 文件是否符合规范。
结语
本文中，我们讲解了如何安装和使用 @wsmd/eslint-config，以及如何将其加入到项目中进行代码规范的检查。如果您的项目遵循了我们公司的编码规范，那么使用此 npm 包可以帮助您更好地管理您的代码。
@wsmd/eslint-config 的使用虽然不会完全消除代码问题和不规范，但可以有效的让我们在开发和 code review 中，更快的发现问题和提高代码的可维护性，进一步提升我们开发的效率和代码的质量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedafeeb5cbfe1ea06110c3