ESLint & Prettier
1.Istall dependencies:
sudo npm install --global prettier eslint eslint-plugin-prettier eslint-config-prettier
- Create a global .eslintrc file:
nano ~/.eslintrc
File content:
{
"extends": ["eslint:recommended", "prettier"],
"plugins": ["prettier"],
}
For VSCode
- Install ESLint extension.
- Modify setting.json
"editor.formatOnSave": true,
"[javascript, javascriptreact]": {
"editor.formatOnSave": false,
},
// tell the ESLint plugin to run on save
"editor.codeActionsOnSave": {
"source.fixAll": true
},
// Optional BUT IMPORTANT: If you have the prettier extension enabled for other languages like CSS and HTML, turn it off for JS since we are doing it through Eslint already
"prettier.disableLanguages": [
"javascript",
"javascriptreact"
],