개발자 도구

JavaScript 뷰티파이어

브라우저에서 지저분한 JavaScript을 Prettier으로 포맷하세요. 파서, 너비, 들여쓰기, 따옴표, 세미콜론, 후행 쉼표 및 포함된 코드 처리를 선택하세요.

JavaScript 포맷터

입력, 붙여넣기, 파일 로드 또는 옵션 변경에 따라 Prettier을 사용하여 출력이 자동으로 업데이트됩니다. 이 브라우저에서 포맷이 실행됩니다.

Prettier 옵션
현재 형식

-

출력 바이트
입력 바이트
0
바이트 추가됨
0
입력 라인
0
출력 라인
0

자동 형식화된 출력을 보려면 유효한 JavaScript을 붙여넣으세요.

이 기기에 저장되었습니다

최근 beautify 결과는 이 브라우저에만 유지됩니다.

No data
아직 저장된 뷰티 결과가 없습니다.

JavaScript을 안전하게 아름답게 만드는 방법

이 포맷터의 기능

Prettier 형식 지정

이 도구는 브라우저에서 Prettier을 사용하므로 붙여넣은 조각은 많은 프로젝트에서 사용하는 것과 동일한 형식 규칙과 일치합니다.

실제 Prettier 옵션

Prettier 자체의 파서, 인쇄 너비, 탭, 세미콜론, 따옴표, 후행 쉼표 및 대괄호 옵션을 사용합니다.

브라우저-로컬 플러그인

JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown 및 YAML 파서 플러그인은 브라우저 형식화를 위해 로컬로 번들로 제공됩니다.

일반적인 실수

잘못된 파서 선택

TypeScript 또는 TSX이 JavaScript 구문 분석기에 실패하면 구문 분석기를 TypeScript / TSX으로 전환합니다.

맞춤형 버팀대 스타일을 기대하고 있습니다.

Prettier은 독선적입니다. 모든 중괄호 또는 공백 스타일 선택을 노출하지는 않습니다.

유형 검사기로 사용

Prettier은 코드를 구문 분석하고 인쇄합니다. 코드 유형을 확인하거나 프로젝트 빌드를 대체하지 않습니다.

먼저 붙여넣기

코드를 붙여넣거나 옵션을 변경하면 출력이 현재 Prettier 설정으로 자동 업데이트됩니다.

프로젝트에 맞게

프로젝트에서 사용하는 것과 동일한 인쇄 너비, 탭, 세미콜론, 따옴표 및 후행 쉼표 선택을 사용하십시오.

유용한 조각 저장

나중에 이 브라우저에서 옵션을 비교하거나 동일한 스니펫을 재사용하려는 경우 결과를 저장하세요.