john-book
  • 测试
    • vue单元测试
  • 介绍
  • 设计模式
    • 单例模式
  • 个人收藏
    • 房价未来趋势
  • TodoList
  • TaskList
  • 前端架构设计
  • 时间管理
    • 2019前端自检与思考
  • 前端技术点
    • 异步编程和同步编程
    • 继承实现的几种方式
    • Http请求
    • 前端CI/CD持续集成持续交付
    • Promise
    • 其他工具
    • iphonex以及适配
    • 前端骨架屏方案
    • nginx
      • nginx配置upstream负载均衡
      • nginx配置gzip压缩
      • nginx转发配置
    • ajax
    • Dom&BOM
    • flexible
    • jsonp
    • 跨域
    • nunjucks
    • 水平垂直居中
    • 原型和原型链
    • 本地存储方式
    • 无头浏览器
    • chrome插件开发
    • webpack
      • DllPlugin
      • webpack升级
    • 宏任务微任务
    • 页面加载流程
    • http请求流程
    • 图形绘制技术
    • 节流和防抖
    • webpack单页面改多页面
    • redis安装使用
    • git
      • gitignore的使用
  • 算法
  • 前端资料
    • 开源技术库
    • 资料&文档
      • 信息流页面闪开总结
    • 每日收藏
  • 工具
    • UML图
    • Markdown
    • 测试工具
    • 产品工具
  • 站点博客
    • 站点集锦
  • 框架&库
    • React
    • Vue
    • vue3.0
  • 性能优化
    • 性能优化原则和方法
    • Http协议
      • Http Request Header
      • Http Response Header
  • LowCode
    • landingpage
    • landingpage自动化部署
    • landingpage相关
  • 加密
  • 腾讯云服务器
  • 微信公众号开发
  • 微信小程序
    • 小程序埋点统计
    • app分享小程序绑定
  • 数据库
    • 数据库实时抽取
  • 效率
    • 快速生成层级结构图
    • vscode插件vue模版
    • vscode文件头部注释插件
    • 快速生成项目目录结构树
    • vscode格式化配置
    • 前端组件化
  • 前端工作
  • 可视化
    • 页面可视化搭建
  • 前端规范
    • Javascript规范
    • git提交规范
    • eslint三大通用规范
Powered by GitBook
On this page
  • eslint官方提供了3种预安装包:
  • eslint-config-google (Google标准)
  • eslint-config-airbnb (Airbnb标准)
  • eslint-config-standard (Standard标准)

Was this helpful?

  1. 前端规范

eslint三大通用规范

eslint官方提供了3种预安装包:

eslint-config-google (Google标准)

执行安装

npm install eslint eslint-config-google -g

eslint-config-airbnb (Airbnb标准)

它依赖eslint, eslint-plugin-import, eslint-plugin-react, and eslint-plugin-jsx-a11y等插件,并且对各个插件的版本有所要求。

可以执行以下命令查看所依赖的各个版本:

npm info "eslint-config-airbnb@latest"peerDependencies

然后看到以下输出信息,包含了每个plugins的版本要求

{
    'eslint':'^3.15.0',
    'eslint-plugin-jsx-a11y':'^3.0.2 || ^4.0.0',
    'eslint-plugin-import':'^2.2.0',
    'eslint-plugin-react':'^6.9.0'
}

知道了每个plugins的版本要求后,执行以下命令安装使用:

执行安装

npm install eslint-config-airbnb eslint@^#.#.# eslint-plugin-jsx-a11y@^#.#.# eslint-plugin-import@^#.#.# eslint-plugin-react@^#.#.# -g

eslint-config-standard (Standard标准)

它是一些前端工程师自定的标准。

执行安装

npm install eslint-config-standard eslint-plugin-standard eslint-plugin-promise -g

注:目前使用通用的airbnb标准

供参考:

Previousgit提交规范

Last updated 6 years ago

Was this helpful?

:

eslint官网文档
eslint配置详解
vscode配置
https://www.jianshu.com/p/879456a0d925