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

ERBFormatter/Beautify

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

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

導入

ここから導入します。

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

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

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

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

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

$ which htmlbeautifier
/Users/tkgling/.rbenv/shims/htmlbeautifier
 
$ rbenv which htmlbeautifier
/Users/tkgling/.rbenv/versions/3.0.6/bin/htmlbeautifier
 
$ rbenv versions
  system
* 3.0.6 (set by /Users/tkgling/.rbenv/version)

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

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

VSCodeの設定は以下の通り。

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

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

文字コード

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

{
  "vscode-erb-beautify.customEnvVar": {
    "LC_ALL": "en_US.UTF-8"
  }
}

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