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