如何在Vue项目中集成ESLint插件？

本文共计829个文字，预计阅读时间需要4分钟。

简单搭建ESLint：官网：[ESLint官网](https://eslint.org/)中文官网：[ESLint中文官网](https://eslint.cn/)如需在项目里搭建ESLint，可参考官网指示：全局安装：`npm install -g eslint`然后初始化：`eslint --init`它会询问一些问题。

简易搭建

ESLint官网网址

ESLint中文官网

如果你是想在自己的项目里搭建ESLint，就可以按照官网的指示，

以全局安装举例，

npm install -g eslint

然后初始化

eslint --init

它会问你一些问题，你可以按照你的喜好进行配置，我选的是popular下面的standard，生成的文件是js格式，那么就会创建出eslintrc.js文件：

module.exports = { "extends": "standard" };

然后就可以简单的lint某个文件了：

$ eslint yourfile.js

在vue的项目里新添加ESLint

有的时候，早期的时候，我们建立vue项目的时候，可能图简便，并没有初始化ESLint、单元测试等等模块，那么就需要后添加进去。

如果是现在新建一个项目，通过vue-cli的问答就可以轻松初始化ESLint的配置。

这里说一下怎样在老项目里新添加ESLint。

首先，我先用vue-cli创建了一个新项目，在初始化的时候，选择安装eslint，

选择standard规则，然后就生成了eslintrc.js，把生成的这个文件拷贝到要加ESlint的老项目里。