eslint-config-111studio

2020-01-13

eslint-config-111studio

Javascript Style Guide

#Javascript

##Install To start linting your code, please make sure you have an ESLINT plugin install on your IDE. When starting a new react / react-native or node project create a .eslinrcfile with the following content :

{
    "extends": "111studio"
}

Then install eslint dependencies running the following command:

yarn add --dev eslint-config-111studio

##Browser Compatibility checks The config uses Eslint Plugin Compatwith the following target :

settings: {
   targets: ['chrome >= 50', 'firefox', 'edge', 'safari', 'ie']
}

##ES6 Use as much ES6 as possible. ##ES7 You may use ES7 parsingly for:

###Decorators

class Person {
  @cantEnum
  get kidCount() { return this.children.length; }
}

function cantEnum(target, name, descriptor) {
  descriptor.enumerable = false;
  return descriptor;
}

###Object spread properties

let info = {fname, lname, ...rest};

info; // { fname: "Hemanth", lname: "HM", location: "Earth", type: "Human" }

DO NOT USE ANY OTHER ES7 FEATURES YET

###ESLINT Rules

####Default ESLINT rules

####Stylistic rules

  • Indents using spaces.
  • Indents size is set to 2.
  • Switch - Case indents are set to 1.
  • Semi colon: YES
  • Single quotes only
  • camelCase variables only

####ES6 Rules

  • prefer-template: require template literals instead of string concatenation
  • no-var: require letor constinstead of var

####React - JSX rules

##TODO

  • Specify flow type annotation style.
  • Specify indentation for ternary operator in JSX expressions.

以上是 eslint-config-111studio 的使用教程帮助文档。


上一篇:@storybook/addons
下一篇:梳理 CSS 模块化
相关教程
关注微信

扫码加入 JavaScript 社区

相关文章

首次访问,需要验证
微信扫码,关注即可
(仅需验证一次)

欢迎加入 JavaScript 社区

号内回复关键字:

回到顶部