[webstorm] prettier & lint 설정 방법

프로젝트 설정 패키지 설치npm install --save-dev prettier eslint eslint-config-next eslint-plugin-prettier eslint-config-prettierprettier: 코드 포맷터eslint: 코드 린터eslint-config-next: Next.js에 적합한 ESLint 설정eslint-plugin-prettier: ESLint에서 Prettier 포맷팅 체크eslint-config-prettier: ESLint와 Prettier 간 충돌 방지Prettier 설정 프로젝트 루트에 .prettierrc 파일 생성 후 아래 내용 추가:{ "semi": true, "singleQuote": true, "trailingComma": "all", ..

• format_list_bulleted Programming/Tool
• · 2024. 12. 8.
• textsms

[WebStorm] ESLint 적용

ES Lint? ESLint는 JavaScript 코드에서 발견 된 문제 패턴을 식별하기위한 정적 코드 분석 도구입니다. ESLint의 규칙은 구성 가능하며 사용자 정의 된 규칙을 정의하고로드 할 수 있습니다. ESLint는 코드 품질과 코딩 스타일 문제를 모두 다룹니다. Why should we use it? 문법적인 오류를 잡아주고 코드를 일관성 있게 만들어 준다. 여럿이서 작업할경우 일괄된 규칙의 코드를 작성할수 있다. How to apply it in WebStorm? WebStorm > Preference > Languages & Frameworks > Javascript > Code Quality Tools > ESLint

• format_list_bulleted Programming/Tool
• · 2020. 8. 11.
• textsms