eslint, prettier and airBnB 설치

https://gist.github.com/bradtraversy/aab26d1e8983d9f8d79be1a9ca894ab4

ESLint, Prettier & Airbnb Setup

 

eslint, prettier 를 설치 및 에어비앤비 스타일을 적용하기.

 

기본

$ npm i -D eslint prettier eslint-plugin-prettier eslint-config-prettier eslint-plugin-node eslint-config-node

 

추가로 에어비앤비 스타일 설치하기

$ npx install-peerdeps --dev eslint-config-airbnb

 

 

vscode prettier, eslint  확장 설치

작업 폴더에 .eslintrc 생성

{
  "extends": ["airbnb", "prettier", "plugin:node/recommended"],
  "plugins": ["prettier"],
  "rules": {
    "prettier/prettier": "error",
    "no-unused-vars": "warn",
    "no-console": "off",
    "func-names": "off",
    "no-process-exit": "off",
    "object-shorthand": "off",
    "class-methods-use-this": "off"
  }
}

 

.prettierrc 도 생성

{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "none",
  "printWidth": 80
}

 

 

vscode 설정에서

 

 

설정 해제

 

format on save 설정 체크

 

 

 

 

 

참고)

https://velog.io/@velopert/eslint-and-prettier-in-react

리액트 프로젝트에 ESLint 와 Prettier 끼얹기

 

https://www.youtube.com/watch?v=SydnKbGc7W8