Web/React

React - Prettier, Eslint

또롱또 2022. 6. 24. 22:52
728x90

 

// 프리티어 설치
yarn add -D prettier 

// 에스린트 설치
yarn add -D eslint-plugin-prettier eslint-config-prettier

코드에서 안쓰는 변수나 함수를 잡아주는 extension

// .eslintrc
// 프리티어의 추천을 따르겠다.
{
    "extends": ["plugin:prettier/recommended", "react-app"]
}

prettier(코드를 정렬해주는도구) 

// .prettierrc
// 프리티어 내부 코드
{
    "printWidth": 120,
    "tabWidth": 2,
    "singleQuote": true,
    "trailingComma": "all",
    "semi": true
}

),

 

728x90

'Web > React' 카테고리의 다른 글

React - Emotion  (0) 2022.06.25
React - Loadable Components를 통한 코드 스플리팅  (0) 2022.06.25
React - ProtectedRoutes (Private Router)  (0) 2022.06.22
React vs Vue  (0) 2022.06.21
React - Restful API 사용 하다 배운점  (0) 2022.06.16