0.2.8 • Published 4 years ago
@digital-natives/eslint-config-digitalnatives-typescript-react v0.2.8
Digital Natives ESLint and Prettier Config with React
Usage
- Install the dependencies with
npx install-peerdeps --dev @digital-natives/eslint-config-digitalnatives-typescript-react
If you use yarn, run
npm info @digital-natives/eslint-config-digitalnatives-typescript-react@latest peerDependencies
then run yarn add --dev <dependency>@<version>
for each listed peer dependency.
- Create a
.eslintrc
file in the root directory and add
{
"extends": "@digital-natives/digitalnatives-typescript-react",
"parserOptions": {
"project": "./tsconfig.json"
}
}
Add these scripts in the package.json
file
"scripts": {
"lint": "eslint . --ext .js,.ts,.tsx",
"lint:fix": "eslint --fix . --ext .js,.ts,.tsx"
},
VSCode configuration
- Install ESLint package
- Add these to your VSCode settings file
"editor.formatOnSave": true,
"[javascript]": {
"editor.formatOnSave": false
},
"[javascriptreact]": {
"editor.formatOnSave": false
},
"[typescript]": {
"editor.formatOnSave": false
},
"[typescriptreact]": {
"editor.formatOnSave": false
},
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"prettier.disableLanguages": [
"javascript",
"javascriptreact",
"typescript",
"typescriptreact"
],