prettier 설치
eslint-config-prettier 설치
eslint-plugin-prettier 설치
prettierrc.json
{
"printWidth": 100,
"tabWidth": 2,
"singleQuote": true,
"trailingComma": "all",
"bracketSpacing": true,
"semi": true,
"useTabs": false,
"arrowParens": "avoid",
"endOfLine": "lf"
}
.eslintrc.json
{
"extends": ["react-app", "plugin:prettier/recommended"]
}
npm i -D eslint
{
"plugins": ["prettier"],
"extends": ["eslint:recommended", "plugin:prettier/recommended"],
"parserOptions": {
"ecmaVersion": 8,
"sourceType": "script",
"ecmaFeatures": {
"jsx": false
}
},
"env": {
"browser": false,
"node": true,
"es6": true
},
"ignorePatterns": ["node_modules/"],
"rules": {
"prettier/prettier": "error"
}
}
npm i -D
-D: devDependencies에 설치하는 법
레퍼런스
eslint & prettier 관련
client : https://developer0809.tistory.com/86
server : https://velog.io/@josworks27/ESLint-Prettier-%EC%84%A4%EC%A0%95-%EB%B0%B1%EC%97%94%EB%93%9C