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