テキストエディタatomのインデントを可視化する方法

ウェブの海

熱中症対策のための冷房の温度設定は、27度以下らしいです。
わたしはうっかり28度に設定してました。対策できてない。

テキストエディタatomの設定

コーディングしていたら、「タブかスペースか統一してください。混ざってます」とのご指摘を受け、

「タブかスペースかなんて画面で分からないよ……」

と思っていたら、設定がきちんとありました。

settings>editor>show invisibles にチェックを入れます。
(わたしはatomは敢えて日本語化しない派です)
と、ここまではよかったのですが、

「文字色と背景色が近すぎて、見づらい……」

もう一歩の設定もご紹介します。

もう一歩の設定

参考にしたURL
https://qiita.com/kaichan/items/015647d12c0b8327524b

ただ、このままだと現在(2019年8月)の最新版atomではエラー吐かれます。
エラーというより、警告のようなものが出ます。
警告でないように修正してみました。

@invisible-color: rgba(197, 200, 198, 0.4);

atom-text-editor.editor {

  .indent-guide {
    color: @invisible-color;
  }

  .invisible-character {
    color: @invisible-color;
  }

}

上のコードを、settings>themes>your stylesheet の style.lessに追記します。
これで見えない文字(タブやインデント)がとても見やすくなるはずです。

タイトルとURLをコピーしました