nmp 3 で progress bar の表示が崩れてしまった時の対処法

PCを新しくして、環境を再構築してから発生しているから最近の問題だと思うのですが、 npm installした時の、コマンドライン上の出力が見づらくなってしまう現象に遭遇しました。

具体的には、下の画像のようになってしまう。*1

https://cloud.githubusercontent.com/assets/1193520/10946123/d9217b5e-8320-11e5-8c0f-6712efcec186.png

以下のようなissueも立っている。

github.com

解決策

このコメントの方法を試してみたら、綺麗に表示されるようになった。

/usr/local/lib/node_modules/npm/node_modules/npmlog/node_modules/gauge/progress-bar.jsProgressBar.unicodeを以下のように書き換えれば良い。

ProgressBar.unicode = {
  startgroup: "⊣",
  endgroup: "⊢",
  complete: "█",
  incomplete: "░",
  spinner: "◐◓◑◒",
  subsection: "→"
}

ちなみに自分の環境は以下のとおり

  • iterm2
  • Yosemite 10.10.5
  • node 5.3.0
  • npm 3.3.12
  • font RictyDiminished