JS-lints

• JS-lints
  • Intro
  • Setup
    • Scripts
  • Addons
    • eslint-plugin-compat
    • eslint-plugin-eslint-comments
    • eslint-plugin-filenames
    • eslint-plugin-html
    • eslint-plugin-jest
    • eslint-plugin-jsdoc
    • eslint-plugin-json
    • eslint-plugin-markdown
    • eslint-plugin-no-loops
    • eslint-plugin-promise
    • eslint-plugin-vue

Intro

• This package is an opinionated list of defaults for linting JavaScript and other files.
• ESLINT getting started
• List of ESLINT rules.

Setup

• Add package to you project

yarn add js-lints --dev

Scripts

• Add scripts to package.json

    "scripts": {
        "eslint": "eslint ./**/*.{js,json,html,php,vue,md} -c .eslintrc.js --no-eslintrc",
        "eslint:fix": "yarn eslint --fix",
        "lint:js": "yarn eslint",
        "lint:js:fix": "yarn eslint:fix"
    }

• eslint: This is the main script.
  • Targets all files ending in js,json,html,php,vue,md,yml,yaml
  • Sets default configuration: .eslintrc.js
• eslint:fix targets the same files and configuration but attempts to auto-fix
• lint:js alias for eslint
• lint:js:fix alias for eslint:fix

Addons

eslint-plugin-compat

• Lint the browser compatibility of your code.

eslint-plugin-eslint-comments

• Additional ESLint rules for ESLint directive comments

eslint-plugin-filenames

• Adds eslint rules to ensure consistent filenames for your JavaScript files.
• This plugin is not actively maintained.

eslint-plugin-html

• A ESLint plugin to lint and fix inline scripts contained in HTML files.

eslint-plugin-jest

• ESLint plugin for Jest.

eslint-plugin-jsdoc

• JSDoc linting rules for ESLint.

eslint-plugin-json

• Eslint plugin for JSON files.

eslint-plugin-markdown

• Lint JS, JSX, TypeScript, and more inside Markdown.

eslint-plugin-no-loops

• "It's 2021 and you still use loops?"

eslint-plugin-promise

• "Enforce best practices for JavaScript promises."

eslint-plugin-vue

• "Official ESLint plugin for Vue.js"