Prettier는 코드를 아름답게 하고 포맷하는 프론트엔드 도구입니다

작은 쓰레기 같은 놈들 · 게시됨 2024. 7. 28. 오후 10:56:57

Prettier는 다음을 지원하는 강력한 코드 포맷터입니다:

자바스크립트 (실험적 기능 포함)
JSX
각도
뷰
흐름
TypeScript
CSS, Less, 그리고 SCSS
HTML
엠버/핸들바
JSON
그래프QL
Markdown, GFM과 MDX v1 포함
야심

기능: Prettier는 편집기 내 저장, 사전 커밋 훅, 또는 CI 환경에서 실행할 수 있어, 개발자가 코드 리뷰에 중요한 주석을 추가하지 않고도 코드베이스가 일관된 스타일을 유지할 수 있습니다!

문서조사:하이퍼링크 로그인이 보입니다.
GitHub 주소:하이퍼링크 로그인이 보입니다.

노드 프로젝트에 npm 명령어를 사용하여 prettier를 설치하세요. 명령어는 다음과 같습니다:

로그인이 보이네요.

프로젝트 루트에 두 개의 새 파일을 생성합니다:

.예쁘게 무시해: 무시된 파일이나 폴더, 즉 예쁜 사람이 해당 내용을 포맷할 수 없다는 뜻입니다. 참조:하이퍼링크 로그인이 보입니다.
.prettierrc: 구성 파일, JSON 또는 YAML로 작성된 파일입니다. 참조:하이퍼링크 로그인이 보입니다.

이 글에서는 Angular 18 프로젝트를 예로 들며, 프로젝트 디렉터리에 다음과 같이 두 가지 새로운 파일 구성을 생성합니다.

.prettierignore가 읽었습니다:

로그인이 보이네요.

.prettierrc가 이렇게 읽었습니다:

로그인이 보이네요.

package.json 파일 아래 스크립트에 다음 구성을 추가하세요:

로그인이 보이네요.

다음 명령어로 코드 포맷 테스트 :

로그인이 보이네요.

그 효과는 다음과 같습니다:

(끝)

[기타] Prettier는 코드를 아름답게 하고 포맷하는 프론트엔드 도구입니다

관련 게시물

본 섹션