@satellitestudio/eslint-config
Eslint config based on eslint-config-react-app with some custom rules and prettier integration
Installation
npx install-peerdeps --dev @satellitestudio/eslint-config
# or
yarn add @satellitestudio/eslint-config -D --peerUsage
Eslint
Now add the config to either your package.json:
JS
{
"eslintConfig": {
"extends": "@satellitestudio/eslint-config"
}
}to your .eslintrc:
{
"extends": "@satellitestudio/eslint-config"
}Typescript
{
"eslintConfig": {
"extends": "@satellitestudio/eslint-config/typescript"
}
}to your .eslintrc:
{
"extends": "@satellitestudio/eslint-config/typescript"
}Prettier
to your .prettierrc.js:
module.exports = require('@satellitestudio/eslint-config/prettier.config')Recommendations
VS Code
Install the ESLint and Prettier VSCode extensions:
ext install esbenp.prettier-vscode dbaeumer.vscode-eslint
Copy this to settings.json
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": false, // avoids running the format twice,
"eslint.autoFixOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},