Atomで不可視文字を強調する

概要

Atomを使っていると、テーマによっては不可視文字が見え難いことがあります。今回は下記の3点について設定方法を記載します。

不可視文字の表示

  • Cmd+,Settingsを開く
  • Editor -> Show Invisiblesをオンにする

全角空白の表示

全角空白の表示方法には2通りあります。

1. プログラミング用フォントを使う

  • Ricty Diminishedのようなプログラミング用フォントをインストールする
  • Cmd+,Settingsを開く
  • Editor -> Font Familyに指定する(注:'Ricty Diminished Discord'のように空白がある場合はアポストロフィでくくる)

2. show-ideographic-spaceをインストールする

  • Settings -> Installよりshow-ideographic-spaceを検索してインストールする

不可視文字の強調

  • styles.lessを開く
    • Shift+Cmd+P -> stylesheetと入力 -> Open Your Stylesheet
  • 下記を追記して保存する(rgba値は任意)

atom-text-editor.editor {
  // Enhance invisibles
  @invisible-color: rgba(100, 100, 200, 0.6);

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

  // for "show-ideographic-space" (インストールしていない場合は不要)
  .highlight.ideographic-space {
    .region:after {
      color: @invisible-color;
    }
  }
}

Share Comments
comments powered by Disqus