vite + React + TypeScript + scss Starter
This setup includes:
- vite
- eslint, typescript-eslint, eslint-airbnb-config, prettier
- vitest, jsdom, @testing-library
- react-router v6
- scss
- 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
- 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