eslint使用教程

发布时间:2021-07-31 13:14:40

简介
检查语法错误检查语法风格修正语法
安装

//项目内安装
npm i -D eslint

//全局安装
npm i -g eslint

初始化配置

eslint --init

运行该命令将会在目录下生成一个.eslintrc(.js|.json|.yml)文件,该文件就是eslint规则的配置文件


实例

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

"semi"和"quotes"就是ESLint中的配置规则名,[“error”, “always”]和[“error”, “double”]就是对应的配置,“error"参数代表该规则的错误等级,该等级有"off”,“warn”,"error"三种。"always"和"double"则是具体的配置项。


配置
环境

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

可配置的环境还有:


browser - 浏览器全局变量。node - Node.js全局变量和Node.js范围。commonjs - CommonJS全局变量和CommonJS范围(将此用于使用Browserify / WebPack的仅浏览器代码)。shared-node-browser - Node.js和Browser共有的全局变量。es6- 启用除模块之外的所有ECMAScript 6功能(这会自动将ecmaVersion解析器选项设置为6)。worker - worker全局变量。amd- 根据amd规范定义require()和define()作为全局变量。mocha - 添加所有Mocha测试全局变量。jasmine - 为版本1.3和2.0添加了所有Jasmine测试全局变量。jest - Jest全局变量。phantomjs - PhantomJS全局变量。protractor - Protractor全局变量。qunit - QUnit全局变量。jquery - jQuery全局变量。prototypejs - Prototype.js全局变量。shelljs - ShellJS全局变量。meteor - meteor全球变量。mongo - MongoDB全局变量。applescript - AppleScript全局变量。nashorn - Java 8 Nashorn全局变量。serviceworker - serviceworker全局变量。atomtest - atom test辅助全局变量。embertest - Ember测试辅助全局变量。webextensions - WebExtensions全局变量。greasemonkey - GreaseMonkey全局变量。
配置插件

{
"plugins": [
"plugin1",
"eslint-plugin-plugin2"
]
}

让一组文件不接受规则校验

{
"rules": {...},
"overrides": [
{
"files": ["*-test.js","*.spec.js"],
"rules": {
"no-unused-expressions": "off"
}
}
]
}

忽略一些文件

需要添加.eslintignore,内容格式如下:


**/*.js
**/*.js
**/*.js
**/*.js

配置扩展文件

{
"rules":{...},
"extends":"airbnb-base"
}

rules中的规则会覆盖扩展中的规则


命令行

在全局安装的情况下,可以使用eslint命令行


校验文件

eslint file.js

指定配置文件

eslint -c myconfig file.js

修复语法

eslint --fix file.js

将错误报告输出

eslint -f html file.js -o out.html

-o: 输出文件名
-f: 输出文件格式


可接受格式有:


checkstylecodeframecompacthtmljslint-xmljsonjunitstylish (the default)tabletapunixvisualstudio
有色输出

eslint --color file.js

添加缓存

eslint --cache file.js

会记录已经校验过的文件,优化eslint性能


规则

见官网:https://eslint.org/docs/rules/


扩展推荐
eslint-config-airbnb-baseeslint-config-standardeslint-config-alloyeslint-config-googleeslint-config-prettier

相关文档

  • 中国硬笔行书书法作品欣赏
  • 如何在谈话中控制对话
  • 电竞最脏的女主播排行榜
  • 给初学编程的业余爱好者??会堆积木就会编程
  • 卡西欧TR350续航能力怎么样
  • 支付宝和花呗重复扣款怎么办
  • 医药代表求职信精选多篇
  • 那些灿烂的细节小学生作文大全
  • 油泼面的做法油泼面怎么做好吃油泼面的家常做法
  • 最新实用专八英语改错加分训练题
  • dnf远古人偶都有哪些
  • 大学生暑期社会实践工作总结
  • python用列表生成式写嵌套循环
  • 担保期限的法律规定都有哪些
  • 最大栈的实现
  • 轻松整理家务活的技巧有什么
  • 英语专四写作佳句篇(1)
  • 如何把自己项目上传GitHub制作成依赖库供其他人使用
  • 日暮归途你在何处高一日记
  • es 条件查询
  • 吾杰平衡水怎么样
  • 租房有什么新政策?租房新政策是什么?
  • 幼儿园安全周工作计划及安排
  • 卖剑买牛的成语故事
  • STM32 HAL库学习(三):中断以及外部中断实验
  • 3次阿里的面试,都死在”职业经历“上了~~~
  • 在人大代表建议政协提案办理工作会议上的讲话
  • 小学语文特色教学方法有哪些
  • 窦娥冤相关常识
  • 青年教师教学帮扶工作总结
  • 猜你喜欢

  • 2018年迎新年校长代表发言稿-推荐word版 (3页)
  • 【范文】国土资源局XX年工作总结_1
  • 将孝敬进行到底作文800字_叙事作文
  • MyGUI 3.2.0 出炉了
  • 新版2019年(秋)幼儿园学前班下学期开学测试试卷(附答案)
  • 杭州市建设工程评标专家推荐表填表说明
  • 中药食疗减肥美体的偏方是什么
  • 大红袍茶怎么泡最好喝
  • 概率统计第二章经典讲义
  • 【江苏省自然科学基金】_水文水资源_期刊发文热词逐年推荐_20140815
  • 幼儿园迎中秋节活动总结
  • 心罪
  • 2016-2017学年北京市东城区高一下学期期末考试历史试题
  • 江苏鹏步环保能源有限公司(企业信用报告)- 天眼查
  • 美好一天开始的早安句子
  • (娄底专版)人教版八年级英语上册课件:Unit 1 第四课
  • 关于圣诞节手抄报内容
  • 晋中万辰汽车销售服务有限公司企业信用报告-天眼查
  • 患者身份识别与腕带使用管理相关制度
  • 【四清导航】(华师版)七年级数学下册同步课件7.1二元一次方程组和它的解2
  • 2016-2021年中国极限运动用品市场深度调研及投资策略分析报告(目录)
  • 优传进口惊灰字行奶旖蚩?稻苹嵫?牒
  • 初中作文:是时候放弃了
  • seo优化推广个人简历范文
  • 信息技术与研究性学*课程的整合模式研究
  • 16、郑州市灵活就业人员社会保险申报表
  • 宁波利好纸业有限公司(企业信用报告)- 天眼查
  • 调节阀的原理及构造
  • 宁夏新天地投资有限公司(企业信用报告)- 天眼查
  • 小学二年级数学教案《课题7的乘法口诀》
  • OLTP与OLAP简介
  • 发挥党组织职能推进农村改革发展思考
  • 企业用气安全知识培训材料
  • 2016-2017高三物理粤教版选修3-5 第一章第五节自然界中的守恒定律 课堂练* Word版含解析
  • 发展观光休闲农业促进城郊新农村建设
  • 九年级下册“语文知识积累”教材梳理_图文.ppt
  • 2018年国土所工作总结
  • 肇东市安民乡立国蛋鸡养殖专业合作社企业信息报告-天眼查
  • 爱的教育读后感500字【精品文档】_0
  • 第6章 控制系统的校正及综合
  • 凯迪电力:发行股份及支付现金购买资产并募集配套资金暨关联交易公告
  • 社区三严三实学习心得
  • 电脑版