ERBFormatter/BeautifyをVSCodeで使うときの注意点

ERBFormatter/Beautify

Rubyで書かれた.erbをフォーマットしてくれるという便利な拡張機能です。

Rubyはそもそも使わないんですが、ひょっとしたら使うかもしれないので書いておきます。

導入

ここから導入します。

この拡張機能は内部的にhtmlbeautifierを使っているのでそれをインストールします。

以下、導入が随分前なので忘れているが主にここと同じエラーが発生する

ただしgem install htmlbeautifierでインストールすると権限の問題などで実行できないときがあります。

でも確認してみたらExecutable Pathは単純にhtmlbeautifierが指定されていた…

一応、備忘録として普通に使えている現状の設定とかを残しておきます。

1
$ which htmlbeautifier
2
/Users/tkgling/.rbenv/shims/htmlbeautifier
3

4
$ rbenv which htmlbeautifier
5
/Users/tkgling/.rbenv/versions/3.0.6/bin/htmlbeautifier
6

7
$ rbenv versions
8
  system
9
* 3.0.6 (set by /Users/tkgling/.rbenv/version)

また、.zshrcに以下を記入済み。

1
[[ -d ~/.rbenv  ]] && \
2
  export PATH=${HOME}/.rbenv/bin:${PATH} && \
3
  eval "$(rbenv init -)"

VSCodeの設定は以下の通り。

1
Vscode-erb-beautify: Execute Path:
2
htmlbeautifier
3

4
Vscode-erb-beautify: Use Bundler:
5
チェックを外す

文字コード

.vscode/settings.jsonに以下を追記します.

1
{
2
  "vscode-erb-beautify.customEnvVar": {
3
    "LC_ALL": "en_US.UTF-8"
4
  }
5
}

これをしておかないと日本語が含まれるコードがフォーマットできない。