ESLint入门学习（一）

最新推荐文章于 2024-09-05 19:20:05 发布

不知所云_

最新推荐文章于 2024-09-05 19:20:05 发布

阅读量616

点赞数

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/u012864281/article/details/106928899

版权

本文介绍了ESLint的命令行用法，包括安装和运行。接着深入探讨了配置部分，如Environments（环境设定），Globals（全局变量）和Rules（规则）。通过配置评论和配置文件，你可以定制ESLint以适应不同项目需求，比如启用或禁用特定规则，管理全局变量。此外，还提到了插件机制，使得ESLint具有高度可扩展性。

摘要由CSDN通过智能技术生成

ESLint是在ECMAScript/JavaScript代码中识别和报告模式匹配的工具，它的目标是保证代码的一致性和避免错误。它和JSLint、JSHint相似，除了少数例外：

ESLint 使用 Espress 解析 Javascript
ESLint 使用AST去分析代码中的模式
完全插件化。每一个规则都是一个插件并且可以在运行时添加更多的规则。

1、命令行

安装

npm i -g eslint

运行

eslint [options] [file|dir|glob]*
例如：eslint file1.js file2.js

2、配置

ESlint 被设计为完全可配置的，这意味着你可以关闭每一个规则而只运行基本语法验证，或混合和匹配 ESLint 默认绑定的规则和你的自定义规则，以让 ESLint 更适合你的项目。有两种主要的方式来配置 ESLint：

Configuration Comments - 使用 JavaScript 注释把配置信息直接嵌入到一个代码源文件中。
Configuration Files - 使用 JavaScript、JSON 或者 YAML 文件为整个目录（处理你的主目录）和它的子目录指定配置信息。可以配置一个独立的 .eslintrc.* 文件，或者直接在 package.json 文件里的 eslintConfig 字段指定配置，ESLint 会查找和自动读取它们，再者，你可以在命令行运行时指定一个任意的配置文件。

Environments

指定脚本的运行环境。每种环境都有一组特定的预定义全局变量。

browser - 浏览器环境中的全局变量。
node - Node.js 全局变量和 Node.js 作用域。
commonjs - CommonJS 全局变量和 CommonJS 作用域 (用于 Browserify/WebPack 打包的只在浏览器中运行的代码)。
shared-node-browser - Node.js 和 Browser 通用全局变量。
es6 - 启用除了 modules 以外的所有 ECMAScript 6 特性（该选项会自动设置 ecmaVersion 解析器选项为 6）。
worker - Web Workers 全局变量。
amd - 将 require() 和 define() 定义为像 amd 一样的全局变量。
mocha - 添加所有的 Mocha 测试全局变量。
jasmine - 添加所有的 Jasmine 版本 1.3 和 2.0 的测试全局变量。
jest - Jest 全局变量。
jest - Jest 全局变量。
jest - Jest 全局变量。
phantomjs - PhantomJS 全局变量。
protractor - Protractor 全局变量。
qunit - QUnit 全局变量。
jquery - jQuery 全局变量。
shelljs - ShellJS 全局变量。
meteor - Meteor 全局变量。
mongo - MongoDB 全局变量。
applescript - AppleScript 全局变量。
nashorn - Java 8 Nashorn 全局变量。
serviceworker - Service Worker 全局变量。
atomtest - Atom 测试全局变量。
embertest - Ember 测试全局变量。
webextensions - WebExtensions 全局变量。
greasemonkey - GreaseMonkey 全局变量。

这些环境并不是互斥的，所以你可以同时定义多个。可以在源文件里、在配置文件中或使用命令行的 --env 选项来指定环境。
要在你的 JavaScript 文件中使用注释来指定环境，格式如下：

/* eslint-env node, mocha */
该设置启用了 Node.js 和 Mocha 环境。

要在配置文件里指定环境，使用 env 关键字指定你想启用的环境，并设置它们为 true。例如，以下示例启用了 browser 和 Node.js 的环境：

{
   
    "env": {
   
        "browser": true,
        "node": true
    }
}

或在 package.json 文件中：
{
   
    "name": "mypackage",
    "version": "0.0.1",
    "eslintConfig"