이 포맷터의 기능
이 도구는 브라우저에서 Prettier을 사용하므로 붙여넣은 조각은 많은 프로젝트에서 사용하는 것과 동일한 형식 규칙과 일치합니다.
Prettier 자체의 파서, 인쇄 너비, 탭, 세미콜론, 따옴표, 후행 쉼표 및 대괄호 옵션을 사용합니다.
JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown 및 YAML 파서 플러그인은 브라우저 형식화를 위해 로컬로 번들로 제공됩니다.
브라우저에서 지저분한 JavaScript을 Prettier으로 포맷하세요. 파서, 너비, 들여쓰기, 따옴표, 세미콜론, 후행 쉼표 및 포함된 코드 처리를 선택하세요.
입력, 붙여넣기, 파일 로드 또는 옵션 변경에 따라 Prettier을 사용하여 출력이 자동으로 업데이트됩니다. 이 브라우저에서 포맷이 실행됩니다.
자동 형식화된 출력을 보려면 유효한 JavaScript을 붙여넣으세요.
최근 beautify 결과는 이 브라우저에만 유지됩니다.
이 도구는 브라우저에서 Prettier을 사용하므로 붙여넣은 조각은 많은 프로젝트에서 사용하는 것과 동일한 형식 규칙과 일치합니다.
Prettier 자체의 파서, 인쇄 너비, 탭, 세미콜론, 따옴표, 후행 쉼표 및 대괄호 옵션을 사용합니다.
JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown 및 YAML 파서 플러그인은 브라우저 형식화를 위해 로컬로 번들로 제공됩니다.
TypeScript 또는 TSX이 JavaScript 구문 분석기에 실패하면 구문 분석기를 TypeScript / TSX으로 전환합니다.
Prettier은 독선적입니다. 모든 중괄호 또는 공백 스타일 선택을 노출하지는 않습니다.
Prettier은 코드를 구문 분석하고 인쇄합니다. 코드 유형을 확인하거나 프로젝트 빌드를 대체하지 않습니다.
코드를 붙여넣거나 옵션을 변경하면 출력이 현재 Prettier 설정으로 자동 업데이트됩니다.
프로젝트에서 사용하는 것과 동일한 인쇄 너비, 탭, 세미콜론, 따옴표 및 후행 쉼표 선택을 사용하십시오.
나중에 이 브라우저에서 옵션을 비교하거나 동일한 스니펫을 재사용하려는 경우 결과를 저장하세요.