@taikonauten/linters-js

Taikonauten JavaScript Linter

 

This package provides the JavaScript linter used at Taikonauten.

Description

ESLint is a modern tool to lint JavaScript files. The .eslintrc file shipped with this repository contains the configuration to properly setup ESLint, while the eslint/index.js file contains the current ruleset used at Taikonauten. Most of the rules are default settings for ESLint and more or less a standard for writing JavaScript.

Configuration

The following important settings are applied to all JavaScript files generated or worked with at Taikonauten:

• Spaces are used for indentation. The default indent is 2 spaces.
• Single quotes are used for regular strings.
• Console statements are not allowed.
• Unused variables are not allowed.
• Proper spacing before and after braces, and between keywords.
• Maximum of 2 empty lines between blocks.
• Minimum of 1 blank line before return statements.

Installation

Run the following two commands in your terminal to install the package:

npm install --save-dev @taikonauten/linters-js eslint babel-eslint eslint-plugin-babel

Create a .eslintrc.js file in your project root and use the following content for it:

module.exports = {
  env: {
    es2021: true,
  },
  extends: [
    'eslint:recommended',
    './node_modules/@taikonauten/linters-js/eslint/index.js',
  ],
  parser: 'babel-eslint',
  parserOptions: {
    ecmaFeatures: {},
    ecmaVersion: 12,
    sourceType: 'module',
  },
  plugins: []
};

This is an example config and in most cases you will need to fine tune it depending on the project. More information on how to configure: Configuring ESLint

Using with your IDE or Editor

After that, make sure your editor or IDE supports the .eslintrc file. PhpStorm works with it right out of the box. For Sublime Text, install the SublimeLinter-eslint plugin. For Atom, install the linter-eslint plugin. For VS Code, install the ESLint plugin.

---

Made with ♡ at Taikonauten