導入#

ここから導入します。

この拡張機能は内部的に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の設定は以下の通り。

Vscode-erb-beautify: Execute Path:
htmlbeautifier

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

文字コード#

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

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

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