JSPM

  • Created
  • Published
  • Downloads 1253
  • Score
    100M100P100Q112701F
  • License MIT

Airbnb's JS ESLint config + JS Standard Style + semicolons

Package Exports

  • eslint-config-airbnb-standard

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (eslint-config-airbnb-standard) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Airbnb+ JavaScript Standard Style

ESLint Airbnb Standard JS logo

ESLint on steroids (extends "airbnb" + "standard" configs). Global installation!

NPM Version NPM Downloads GitHub issues Telegram Tweet

It uses original Airbnb Style config extended with JavaScript Standard Style config (with semicolons).

See airbnb/javascript and standardjs for more information. Compare configs.

Another package

If you want to install Airbnb config only, check this package:

ESLint + Airbnb : eslint-config-airbnb-bundle

Installation

Install it globally:

npm install --global eslint-config-airbnb-standard

You can install it locally as well:

npm install --save-dev eslint-config-airbnb-standard

Usage

You can now run feature packed eslint from any directory:

eslint -v

Create .eslintrc file in your project. Setup your IDE / Editor. And be smart!

ES6, ES7, React, JSX, async/await - all new features supported by default 👍

Sublime Text 3

  1. Install this package globally

  2. Go to: Preferences -> Package Control -> install package

  3. Install SublimeLinter

  4. Install SublimeLinter-contrib-eslint

  5. Run:

    npm bin -g

    ... and copy the path

  6. Go to: Tools -> SublimeLinter -> Open User Settings

    Paste the path to NodeJS installation folder inside "paths" for your OS and save:

    "paths": {
        "linux": [
            "~/.nvm/versions/node/v8.8.1/bin"
        ],
        "osx": [],
        "windows": ["%AppData%\\npm"]
    },
  7. Create .eslintrc file inside your working project:

    {
      "extends": ["airbnb-standard"]
    }
  8. Restart Sublime Text

  9. Go to Tools -> SublimeLinter -> Lint this view

  10. You can switch to squiggly underline mark style from Tools. Have fun!

Example

WebStorm

File ➤ Settings / Default Settings ➤ Languages and Frameworks ➤ JavaScript ➤ Code Quality Tools ➤ ESLint

ESLint settings

Global installation in not necessary for WebStorm, but it is handy for the "Default Settings".

Atom

  1. Install this package globally

  2. Go to: Edit -> Preferences -> Install

  3. Install Linter

  4. Install linter-eslint

  5. Run:

    npm prefix -g

    ... copy the prefix path

  6. Go to: Preferences -> Packages -> linter-eslint -> Settings

    a) Check "Use global ESLint installation" option at the bottom b) Paste the prefix path to the field "Global Node Installation Path" and append:

    /lib/node_modules/eslint-config-airbnb-bundle

    Example

  7. Create .eslintrc file inside your working project:

    {
      "extends": ["airbnb-standard"]
    }
  8. Press Ctrl + Shift + P -> enter "lint" -> click "Linter:Lint"

Custom Config

Add your own rules to the .eslintrc file in your project folder. For example, you can turn off semicolons (semi -> "never"):

{
  "extends": ["airbnb-standard"],
  "rules": {
    "semi": ["error", "never"]
  }
}

I want that Sublime Text

You can setup full featured nice black Sublime Text 3 from this repo: sublime-text-3-settings