vite + React + TypeScript + scss Starter

This setup includes:

• vite
• eslint, typescript-eslint, eslint-airbnb-config, prettier
• vitest, jsdom, @testing-library
• react-router v6
• scss

Linting IDE Setup

vscode

• Install eslint vscode extension

eslint extension

• You may need to reload your window for the setting changes to take effect
• cntrl shift p - search for eslint - fix all auto-fixable problems (and can save to a new shortcut or map to save as described below)
• alternatively you can map eslint fix all auto-fixable problems to the key-binding of save:

Just double click the key-binding cell

Shows the command pallete and the ability to trigger auto-fix from there

• To enable this on save you can follow this guide specifically Step 4: How to enable linting on save

Jetbrains (Webstorm)

• There's automatic eslint support
• Enabling the option in the settings should start the lint warnings as well as fix all problems on save:

pick automatic eslint configuration