Set up project with ESLint and Prettier

_ESLint-Prettier.md

Install the VS Code extensions:

1. Open VS Code
2. Ctrl + Shift + X
3. Search for "ESLint"
4. Click the blue "Install" button
5. Search for "Prettier"
6. Click the blue "Install" button

In your project directory (the one containing package.json), install the development dependencies:

npm i -D @eslint/js eslint eslint-config-prettier globals prettier

Create .prettierrc containing only {} or the configuration you want to use.

Create eslint.config.js with the contents below or the configuration you want to use.

Add the scripts below to package.json.

eslint.config.js

import globals from "globals";
import pluginJs from "@eslint/js";
import eslintConfigPrettier from "eslint-config-prettier";

export default [
  { languageOptions: { globals: globals.node } },
  pluginJs.configs.recommended,
  eslintConfigPrettier,
];

package.json

{
  "scripts": {
    "lint": "eslint .",
    "format": "prettier --write ."
  }
}

Want to add type checking?

npm i -D typescript

tsconfig.json:

{
  "compilerOptions": {
    "checkJs": true,
    "allowJs": true,
    "noEmit": true,
    "strict": true,
    "module": "NodeNext"
  },
  "include": ["./**/*.js"]
}

package.json:

{
  "scripts": {
    "types": "tsc --noEmit"
  }
}