vscode 保存時にelm-formatを効かせる方法

1. pluginsの導入

以下3つを入れておきます

2. settings.jsonへの記述

cmd + , を打ちsettings.jsonを表示して以下を追記します

settings.json

"editor.formatOnSave": true

上記の場合、全ての言語において保存時にprettierによる整形がされるのでelmだけに行いたい場合は以下を追記します

settings.json

"editor.formatOnSave": false,
"[elm]": {
  "editor.formatOnSave": true
}

3. elm-formatのglobalインストール

elmの整形の場合、prettierは内部でelm-formatコマンドを叩いているためelm-formatコマンドを使えるようにします

$ npm install -g elm-format

以上。

参考