Published on

ESLint + Prettier

Authors
  • avatar
    Name
    Shelton Ma
    Twitter
  1. install packages

    pnpm add -D eslint prettier eslint-config-prettier eslint-plugin-prettier @typescript-eslint/parser @typescript-eslint/eslint-plugin
    
  2. Create .eslintrc.json

    {
      "parser": "@typescript-eslint/parser",
      "plugins": ["@typescript-eslint", "prettier"],
      "extends": ["eslint:recommended", "plugin:@typescript-eslint/recommended", "plugin:prettier/recommended"],
      "env": {
        "node": true,
        "es2020": true
      },
      "rules": {
        "prettier/prettier": "error"
      }
    }
    
  3. Create .prettierrc

    {
      "semi": true,
      "singleQuote": true,
      "printWidth": 100,
      "tabWidth": 2,
      "trailingComma": "es5"
    }
    
  4. script

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