Atom でインデントをわかりやすく表示するパッケージ indent-guide-improved

プログラムを書く際に必須のインデント機能ですが、複雑なコードを書いていると偶にここはどのインデントだ？と迷う事があります。とくに Python のようなオフサイドルールを採用している言語ではインデントはとても重要です。

Atom でインデントをわかりやすく表示するのであれば indent-guide-improved を利用すると良いです。

https://atom.io/packages/indent-guide-improved

このパッケージを試す為に折角ならと久しぶりに Python で書いたプロジェクトを開いてみました。

左がAtom 標準の表示、右が indent-guide-improved の表示です。こんな感じでインデント毎に縦線が表示されわかりやすくなっています。

設定項目はありませんが Atom のスタイルシートに以下のような感じで色を指定できます。

.indent-guide-improved {
  background-color: gray;
  &.indent-guide-stack {
    background-color: cyan;
    &.indent-guide-active {
      background-color: blue;
    }
  }
}

インデントガイドを表示するか、スペースやタブを可視化するかは好みが別れるところですが、こういった表示も良いですね。