如何在vue项目中一步步安装并配置ESLint？

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

简易搭建ESLint：

1. 访问ESLint官网：[ESLint官网](https://eslint.org/)

2.访问ESLint中文官网：[ESLint中文官网](https://eslint.bootcss.com/)

3.如想在项目中搭建ESLint，可参考以下步骤：

- 全局安装ESLint：`npm install -g eslint` - 初始化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的配置。