Softonic

Prettier 설정 생성기

단계 1 / 2
다음

Prettier에서 자주 쓰는 옵션 10가지의 값을 선택하고 생성된 설정을 복사하세요. JSON, YAML 또는 CommonJS JavaScript 파일을 출력합니다. 프로젝트를 검사하거나 Prettier로 설정을 검증하지 않으며, 플러그인이나 오버라이드도 추가하지 않습니다.

설정 파일 생성 방법

  1. 1

    레이아웃 설정

    출력 너비, 탭 너비, 탭 또는 공백, 세미콜론, 따옴표 형식을 선택합니다.

  2. 2

    구문 세부 설정

    후행 쉼표, 중괄호 안쪽 공백, 화살표 함수 괄호, 줄바꿈 방식, JSX 따옴표를 선택합니다.

  3. 3

    파일 형식 선택

    .prettierrc.json, .prettierrc.yaml 또는 module.exports를 사용하는 CommonJS .prettierrc.js를 생성합니다.

  4. 4

    복사 후 확인

    출력을 프로젝트에 저장하고 설치된 Prettier 버전으로 npx prettier --check .을 실행합니다.

이 생성기에 포함된 옵션

옵션 선택 가능한 값
printWidth 40–200
tabWidth 1–8
useTabs, semi, bracketSpacing, jsxSingleQuote true 또는 false
singleQuote true 또는 false
trailingComma none, es5 또는 all
arrowParens always 또는 avoid
endOfLine lf, crlf, cr 또는 auto

숫자 입력값은 표시된 범위 안으로 제한됩니다. 나머지 입력란에서는 위에 나열된 값만 선택할 수 있습니다. 일상적으로 유용한 설정을 다루지만, Prettier가 지원하는 모든 옵션을 제공하지는 않습니다.

출력 형식

  • JSON은 .prettierrc.json에 사용할 수 있는 JSON 객체를 만듭니다.
  • YAML은 .prettierrc.yaml에 사용할 수 있는 키-값 행을 만듭니다.
  • JavaScript는 같은 객체를 module.exports = { ... };로 감싸 CommonJS .prettierrc.js에 맞게 만듭니다.

Prettier는 다른 설정 파일 이름과 모듈 형식도 지원합니다. 이 생성기는 위의 세 가지 출력만 만듭니다. Prettier 자체를 실행하지 않으므로 복사한 파일을 프로젝트에 설치된 버전으로 확인하세요.

데이터 처리

각 설정 항목은 서버 측 필드이므로 페이지가 갱신될 때 값이 서버로 전송됩니다. 2단계 보기에서는 페이지 URL에도 값이 표시될 수 있습니다. Prettier 설정에는 일반적으로 비밀 정보가 없지만, 이 필드나 공유 URL에 민감한 데이터를 넣지 마세요.

자주 묻는 질문

아니요. 폼에 표시된 10가지 옵션만 생성합니다. 그 밖의 지원 설정은 설치된 버전의 문서를 확인한 뒤 직접 추가하세요.

아니요. 설정 텍스트만 만들며 Prettier는 실행하지 않습니다. 파일을 저장한 뒤 프로젝트에서 npx prettier --check .을 실행하세요.

아니요. 출력은 중첩되지 않은 단일 객체입니다. 프로젝트에 필요하면 오버라이드나 플러그인별 옵션을 직접 추가하세요.

이 도구가 생성하는 CommonJS 형식이기 때문입니다. 프로젝트가 ES 모듈 설정을 요구한다면 그 방식에 맞게 내보내기 구문과 파일 이름을 바꾸세요.

관련 도구

ASCII 표 참조

NUL, LF, DEL 같은 제어 문자를 포함해 모든 문자에 대한 10진수, 16진수, 8진수, 2진수, HTML 숫자 문자 참조를 담은 0부터 127까지의 전체 ASCII 표.

HTML 문자 참조

HTML 엔티티의 검색 가능한 목록, 각 엔티티의 이름 및 숫자 코드, 그리고 특수 문자 및 기호에 대한 1클릭 복사 기능을 제공합니다.

키보드 단축키 참고표

macOS, Windows, Linux에서 VS Code, Chrome, GNU Readline을 쓰는 Bash의 문서화된 기본 단축키를 검색합니다.

보색 찾기

어떤 입력에 대해서도 보색을 찾습니다. HSL 반대 색, 분할 보색 쌍, 그리고 접근성 있는 조합 제안을 반환합니다.

색상 틴트 생성기

기준 색의 밝은 틴트를 생성합니다. 디자인 시스템 토큰, 배경, 호버 상태를 위한 3-20단계 스케일.

이메일 검증기

이메일 주소를 검증합니다. RFC 5322 구문 검사, 실시간 MX 레코드 조회, 그리고 로컬 파트, 도메인, 길이 정보를 제공합니다. 이메일은 전송되지 않습니다.

이 도구는 다른 언어로도 제공됩니다