notes
  • Introduction
  • 语言
    • JS
      • JS原型到原型链
      • JS继承的实现
      • this对象
      • Promise基本概念
      • Promise实现
      • Promise实战
      • JS的EventLoop
      • JS容易出现误区的运算符
      • JS容易出现误区的操作符
      • JS深拷贝
      • JS节流与防抖
      • ES5实现原生/ES6方法
    • TS
      • 声明文件
      • 项目配置
    • CSS
      • CSS引入方式以及优先级计算
      • BFC神奇背后的原理-文摘
      • 回流reflow与重绘repaint
      • 三栏式布局
      • 垂直居中
      • 清除浮动的方法
      • 移动端适配方案
      • 纯CSS斜切角实现
      • CSS揭秘
      • 背景图片轮播
      • CSS绘制序列帧动画
      • transform实现一个多面体
    • HTML
  • ES6
  • Node.js
    • xxx
  • 前端框架
    • Vue.js
      • Vue双向数据绑定原理
      • Vue-Router原理及实现
    • React
    • AngularJS
  • 工程构建
    • Webpack
      • 01-webpack概述及背景
      • 03-webpack热更新原理
      • 04-splitChunks原理分析
      • 05-webpack工作流程
      • 07-webpack构建流程
      • 07-webpack构建流程
      • 10-webpack 如何进行性能分析
    • Gulp
    • Lint
      • ESLint
      • TSLint
    • Bable
  • 工程化
    • 模块化
    • 组件化
    • 规范化
      • 编码规范
    • 自动化
  • 运维
    • Nginx
    • GIT
    • CDN
    • VPS
    • DBA
  • 小程序
  • 跨端
  • 测试
  • 计算机技术
    • 计算机网络
      • 同源策略到前端跨域解决方案
      • TCP数据传输
      • TCP和UDP的区别
      • HTTP协议概述
      • HTTP缓存详解
      • HTTPS以及SSL建立过程
      • HTTPS的七个误解(译文)
      • cookie与Session机制区别以及Cookie SessionStorage LocalStorage异同
      • HTTP状态码Status
      • DNS原理入门
      • 网络攻击与防御
      • HTTP转发与重定向
      • 登录认证设计
    • 操作系统
      • shell脚本命令
    • Linux
      • Linux命令大全
      • vim命令
    • 浏览器
      • 浏览器内核、JS 引擎、页面呈现原理及其优化
      • 九种浏览器端缓存机制概览
      • 性能优化-网络请求方面
      • webkit解析CSS过程详解
  • 前端面试
    • 算法
Powered by GitBook
On this page
  1. 工程构建
  2. Lint

ESLint

PreviousLintNextTSLint

Last updated 5 years ago

ESLint的语言检查有助于提高自己的代码书写规范,推荐在项目中使用ESLint检查

ESLint 附带有大量的规则。你可以使用注释或配置文件修改你项目中要使用的规则。要改变一个规则设置,你必须将规则 ID 设置为下列值之一:

  • "off" 或 0 - 关闭规则

  • "warn" 或 1 - 开启规则,使用警告级别的错误:warn (不会导致程序退出)

  • "error" 或 2 - 开启规则,使用错误级别的错误:error (当被触发的时候,程序会退出)

一般推荐使用数字0 1 2来开启或者关闭规则。

常用的ESLint规则

下面列出部分常用的ESLint检查规则,后续再开发中遇到再补充

rules: {
  // allow async-await
  'generator-star-spacing': 'off', //关闭 强制 generator 函数中 * 号周围使用一致的空格
  // allow debugger during development
  'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off', //生产模式下不允许debugger
  'semi': [1, 'always'],    //总是使用分号结尾,如果没有,则警告
  'indent': 0,  //不检查缩进
  'space-before-function-paren': [1, 'always'],  //要求不管什么函数,做括号前必须要求一个空格,否则则警告
  'comma-spacing': 0,   //不检查在逗号周围使用空格
  'no-multiple-empty-lines': [1, {'max': 3}],  //最多出现3行空行,否则则警告
  'space-infix-ops': 1,  //要求操作符周围有空格,否则则警告
  'no-unused-vars': 1  //禁止出现未使用过的变量,否则则警告
}
ESLint官方地址