ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

ESLint的基本用法

2020-02-26 10:52:58  阅读:409  来源: 互联网

标签:基本 npm 配置文件 用法 eslint 解析器 安装 ESLint


ESLint 是一个插件化的代码检测工具,官方介绍如下:

The pluggable linting utility for JavaScript and JSX.

本文讲述一下ESLint的一些基本用法.

安装

1.全局安装
全局安装的 ESLint 能够用于所有的项目.

  • 用 npm 进行安装:

    npm install -g eslint

  • 安装完成后通过以下命令设置配置文件:

    eslint --init

  • 在检测代码时运行以下命令:

    eslint file.js

2.本地安装
将 ESLint 作为项目构建的一部分.

  • 用 npm 进行安装:

    npm install --save-dev eslint

  • 设置配置文件:

    ./node_modules/.bin/eslint --init

  • 在检测代码时运行以下命令:

    ./node_modules/.bin/eslint yourfile.js

注意:如果 ESLint 是全局安装的, 那它中间配置的插件也必须是全局安装的

当执行完 –init 后, 得到 .eslintrc 的配置文件, 文件中包含以下内容:

123456
{  "rules": {    "semi": ["error", "always"],    "quotes": ["error", "double"]  }}

rules 表示用户自定义的规则, 中间包含若干以键值对存在的配置选项, error 表示级别, 后面的为该选项的其他 option.

配置

Parser Options

通过该选项自定义支持的 ECMAScript 的其他版本.

  • ecmaVersion: ECMAScript 的版本,默认为 5. 可选的值: 3, 5, 6 ( 同 2015 ), 7 ( 同 2016 ), 8 ( 同 2017 ).

  • sourceType: 默认为 “script”, 若为 ECMAScript 模块则改为 “module”

  • ecmaFeatures: 表示要使用的额外的语言特性

示例:

1234567
"parserOptions": {  "ecmaVersion": 6,  "sourceType": "module",  "ecmaFeatures": {    "jsx": true  }}

Parser

ESLint 默认的解析器为 Espree, 可指定为其他解析器.

与 ESLint 兼容的解析器:

  • Esprima
  • Babel-ESlint: 对 Babel 解析器的包装使其与 ESLint 兼容

示例:

大专栏

标签:基本,npm,配置文件,用法,eslint,解析器,安装,ESLint
来源: https://www.cnblogs.com/liuzhongrong/p/12365621.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有