[javascript] Prettier를 사용하여 코드의 가독성을 개선하는 방법은 무엇인가?
-
설치: 먼저 프로젝트에 Prettier를 설치합니다. npm을 사용하는 경우, 다음 명령을 실행하여 설치합니다.
npm install --save-dev prettier
-
설정 파일 생성: 프로젝트 루트에
.prettierrc
또는prettier.config.js
파일을 생성하여 Prettier 설정을 정의합니다. 예를 들어, 다음은 들여쓰기를 2칸으로 설정한.prettierrc
파일의 내용입니다.{ "tabWidth": 2, "semi": false, "singleQuote": true, "trailingComma": "all" }
-
사용: Prettier는 명령행 도구로 사용하거나, 에디터 플러그인을 통해 자동으로 코드를 다듬을 수 있습니다. 코드를 다듬으려면 프로젝트 디렉토리에서 다음과 같이 명령을 실행합니다.
npx prettier --write .
-
통합: 대부분의 인기있는 에디터와 IDE에는 Prettier를 통합하는 플러그인이 있습니다. 해당 플러그인을 설치하면 코드를 저장할 때마다 자동으로 Prettier가 실행됩니다.
Prettier는 JavaScript 뿐만 아니라 다른 언어에도 적용할 수 있으며, 코드를 일관된 형식으로 유지하여 가독성을 높이는 데 도움을 줍니다.
이와 관련된 자세한 내용은 Prettier 공식 문서를 참조하시기 바랍니다.