Eslint-config-typescript-airbnb-prettier NPM

Eslint, Airbnb, Typescript & Prettier Configuration

An eslint configuration that integrates the following into one package for easy installation and setup:

Assumptions

You have typescript installed
You have a tsconfig.json in your project root
You have installed a version of Node greater than 8
You have installed npm version 7 or greater

Installation

If you aren't using npm version greater than 7 you will have to manually install these dependencies:
eslint
prettier
@typescript-eslint/eslint-plugin
Copy everything inside the peer dependencies object here and paste it into your dev dependencies object. This will ensure you have the correct versions installed

Install with npm

npm install --save-dev eslint-config-typescript-airbnb-prettier

Setup

Create a .eslintrc.js file in your project root

touch .eslintrc.js

Paste the following into .eslintrc.js

module.exports = {
  extends: "typescript-airbnb-prettier",
};

Add the following commands into the scripts object in your package.json

"lint": "prettier --write . && eslint src/**",
"lint-fix": "prettier --write . && eslint src/** --fix"

An example scripts object might look like this

"scripts": {
  "dev": "vite",
  "build": "tsc && vite build",
  "serve": "vite preview",
  "lint": "prettier --write . && eslint src/**",
  "lint-fix": "prettier --write . && eslint src/** --fix"
},

Create an .eslintignore in your project root