ESLint 安装

ESLint 使用 Node.js 编写，这样既可以有一个快速的运行环境的同时也便于安装。

如何安装ESLint

ESLint 支持多种安装方式，可以通过 npm 来安装，也可以在 webpack(eslint-loader) 和 Gulp.js(gulp-eslint) 中使用。

首先我们要确保node和 npm 环境已经安装配置完成，Node.js下载地址：https://nodejs.org/en/。

可以使用 -v 来检测安装是否成功，执行命令后，出现版本号即代表安装成功，如下图所示：

我们可以看一下，下载好后的Node.js在文件中的显示如下所示：

然后就可以开始使用npm命令来安装ESLint了，包括本地安装和全局安装两种方式：

• 本地安装命令：

$ npm install eslint --save-dev

• 全局安装命令：

$ npm install eslint --global

注意不管是使用本地安装还是使用全局安装，我们使用的任何插件或可共享配置都必须在本地安装。

在安装之前，我们可以先使用npm init命令生产package.json文件，然后再执行安装命令，如下图所示：

命令执行成功后，会在项目根目录下生成一个 node_modules 文件夹和一个package-lock.json文件。

开发工具

本教程使用的开发工具是Visual Studio Code，简称VS code，是一个开源，免费开发工具。

下载地址：https://code.visualstudio.com/。

使用VS Code运行ESLint，还可以下载eslint插件，下载好后，重新加载以生效。