@tavernard/eslint-config
v1.2.0
Published
ESLint and Prettier Config from Luciano Tavernard
Downloads
6
Maintainers
Readme
Eslint and Prettier Setup
These are my settings for ESLint and Prettier settings.
What it does
- Lints Typescript based on the latest standards
- Fixes issues and formatting errors with Prettier
Installing
If you don't already have a
package.json
file, create one withnpm init
.Then we need to install everything needed by the config:
npx install-peerdeps --dev @tavernard/eslint-config-tavernard
You can see in your package.json there are now a big list of devDependencies.
Add the following code to your
package.json
:
"eslintConfig": {
"extends": [
"@tavernard"
],
},
- Create a
.eslintrc.js
file in the root of your project's directory (it should live where package.json does). Your.eslintrc.js
file should look like this:
module.exports = {
"extends": [
"@tavernard"
]
}
- You can add two scripts to your package.json to lint and/or fix:
"scripts": {
"lint": "eslint .",
"lint:fix": "eslint . --fix"
},
With VS Code
Once you have done. You probably want your editor to lint and fix for you.
- Install the ESLint package
- Now we need to setup some VS Code settings via
Code/File
→Preferences
→Settings
. Click to the{}
icon in the top right corner and add this :
{
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
}
}
With Create React App
- You gotta eject first
npm run eject
oryarn eject
- Run
npx install-peerdeps --dev @tavernard/eslint-config-tavernard
- Crack open your
package.json
and replace"extends": "react-app"
with"extends": ["@tavernard/eslint-config-tavernard"]