Skip to content

Instantly share code, notes, and snippets.

@elijahmanor
Last active August 16, 2021 20:29
Show Gist options
  • Save elijahmanor/cae5a3976b38f46f33856cd0a7ce535d to your computer and use it in GitHub Desktop.
Save elijahmanor/cae5a3976b38f46f33856cd0a7ce535d to your computer and use it in GitHub Desktop.
Add Prettier & ESLint to VS Code with a Create React App
{
"extends": ["react-app", "plugin:prettier/recommended"]
}
{
"scripts": {
"precommit": "pretty-quick --staged"
},
"devDependencies": {
"eslint-config-prettier": "^2.9.0",
"eslint-plugin-prettier": "^2.6.0",
"prettier": "^1.11.1",
"pretty-quick": "^1.4.1"
}
}
{
"editor.formatOnSave": true,
"[javascript]": {
"editor.formatOnSave": false
},
"eslint.autoFixOnSave": true,
"eslint.alwaysShowStatus": true,
"prettier.disableLanguages": [
"js"
],
"files.autoSave": "onFocusChange",
}
@sathish-spidie
Copy link

Should I have to eject the "react-script" for this implementation?

@sathish-spidie
Copy link

{" "}
Learn React{" "}
{" "}
{" "}

I got {" "} every where in my code

how to fix this i just copy and paste exactly what you gave above

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment