Skip to content

Instantly share code, notes, and snippets.

@travishorn

travishorn/_ESLint-Prettier.md

Last active November 3, 2025 15:01
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save travishorn/67d66ad896f31274c1c4c727c74992ea to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save travishorn/67d66ad896f31274c1c4c727c74992ea to your computer and use it in GitHub Desktop.
Download ZIP
Set up project with ESLint and Prettier
Raw
_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.

Raw
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,
];
Raw
package.json
{
"scripts": {
"lint": "eslint .",
"format": "prettier --write ."
}
}
@travishorn
Copy link
Author

travishorn commented May 8, 2025 •
edited
Loading

Want to add type checking?

npm i -D typescript

tsconfig.json:

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

package.json:

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment