vim で Prettier を使えるようにする

Nuxt のプロジェクトで Prettier を使っていて、保存の度にエラーが出るのが面倒なので vim に vim-prettier をインストールして整形できるようにしてみた。

• vim-prettier

前提

• vim version 8.1
• vim のプラグイン管理ツールは Plug を使用

vim-prettier のインストール

• ~/.vimrc に以下を追記

call plug#begin()

       :

Plug 'prettier/vim-prettier', { 'do': 'yarn install', 'for': ['javascript', 'typescript', 'css', 'less', 'scss', 'json', 'graphql', 'markdown', 'vue', 'yaml', 'html'] }
     
       :

call plug#end()

• vim のコマンドラインで :PlugInstall を実行

使い方

既存のプロジェクトなどもあって自動で整形されると面倒なので、手動で整形する。

• 任意の .vue ファイルを開く
• 適当に編集した後、コマンドで :Prettier を実行する
• コードが整形された！　これは便利！

わからないこと

• 特定のプロジェクトだけ自動整形できる方法などあるのかな？