Linter Formatter

Linterとは

  • コードの間違いを指摘するもの.

Formatterとは

  • コードのスタイルを統一/調整するもの.

Prettier

  • JavaScript(including ES2017), JSX, Angular, Vue, Flow, TypeScrip,t CSS, Less, SCSS, HTML, JSON, GraphQL, Markdown, GFM, MDX, YAMLをフォーマットしてくれる.
  • GitHubリポジトリ: prettier/prettier

vimでの使い方

  1. こちらの.vimrcの様にvim-prettierを設定する.
  2. 当該のディレクトリで,

    yarn add prettier --dev --exact
  3. コードを開いて, コードの一番上に// @formatを記入して,

    :w

    で, 自動でコードをフォーマットしてくれる.

  4. Reference: prettier/vim-prettier