Prettier 추천 설정

5479 단어 prettier


Prettier란?


  • Prettier · Opinionated Code Formatter
  • 코드 포맷터 (코드 성형 도구)
  • HTML, CSS, JavaScript, Markdown, YAML, GraphQL 등의 언어에 대응하고 있다 (자세한 것은 공식 사이트 참조)
  • Atom, Emacs, Espresso, Sublime Text, Vim, Visual Studio, VS Code, WebStorm 등의 에디터로 플러그인이 제공되고 있다 (물론 node의 모듈로서 단독으로도 사용할 수 있다)
  • 입문자용으로 정리한 것
  • Prettier 입문


  • 추천 설정



    /.prettierrc.js
    /**
     * Prettier Configuration
     */
    module.exports = {
      // デフォルト設定
      // printWidth: 80
      // tabWidth: 2,
      // useTabs: false,
      // semi: ture,
      // singleQuote: false,
      // quoteProps: "as-needed",
      // jsxSingleQuote: false,
      // trailingComma: "es5",
      // bracketSpacing: true,
      // arrowParens: "always",
      // rangeStart: 0,
      // rangeEnd: Infinity,
      // jsxBracketSameLine: false,
      // requirePragma: false,
      // insertPragma: false,
      // proseWrap: "preserve",
      // htmlWhitespaceSensitivity: "css",
      // vueIndentScriptAndStyle: false,
      // endOfLine: "lf",
      // embeddedLanguageFormatting: "auto"
    
      // 設定
      // printWidth: 120,
      // tabWidth: 2,
      // useTabs: false,
      semi: true,
      singleQuote: false,
      quoteProps: "as-needed",
      jsxSingleQuote: false,
      trailingComma: "es5",
      bracketSpacing: true,
      arrowParens: "always",
      rangeStart: 0,
      rangeEnd: Infinity,
      jsxBracketSameLine: false,
      requirePragma: false,
      insertPragma: false,
      proseWrap: "preserve",
      htmlWhitespaceSensitivity: "css",
      vueIndentScriptAndStyle: false,
      // endOfLine: "lf",
      embeddedLanguageFormatting: "auto"
    }
    
    

    보충


      // 設定
      // printWidth: 120,
      // tabWidth: 2,
      // useTabs: false,
      // endOfLine: "lf",
    

    이 부분은 EditorConfig에서 설정할 수 있으므로 설정하지 않습니다.
    EditorConfig의 추천 설정은 여기 → EditorConfig의 추천 설정

    다른 부분은 기본 설정으로 유지되지만,
    이전 업데이트 기록에 따르면 기본값이 변경될 수 있으므로,
    명시적으로 쓰는 것이 좋다고 생각합니다.
    ※보수시에 버전 업으로 거동이 바뀌면 힘든 일에. . .

    좋은 웹페이지 즐겨찾기