Atomでコメントアウトをショートカットで爆速で行う＆コメントの色の変更方法！

Atomでコメントアウトする方法

今回はAtomでコメントアウトする方法をご紹介します。Atomでコメントアウトするには大きく分けてメニューバーから行う方法と、ショートカットでコメントアウトする方法があります。

まずはコメントしたい行にカーソルを合わせます。次に、メニューのEdit（編集）から「Toggle Comments（コメントの切り替え）」を選択します。

すると選択した行がコメントアウトされます。

ショートカットでコメントアウトした方が素早く行えます。行を選択し、

を押しましょう。

メニューバーの時と同様にコメントアウトが行われます。

上記のコメントアウトの方法は選択した行に対して行われます。極論全ての行を選択して、ショートカットのコメントアウトの処理を行うと、全ての行がコメントアウトされます。

このように一括でコメントアウトしたい場合は

しましょう。

Atomでのコメントアウトの方法を見てきましたが、コメントした色がグレーで見づらいという方もいるかと思いますので、コメントの文字色を変更する設定方法をご紹介します。

Atomのメニューから「Preferences...（設定）」を選択します。

左メニューの「Themes（テーマ）」を選択し、右側の「your stylesheet」をクリックします。

表示されたせて設定ファイルに以下の記述を追記します。

atom-text-editor::shadow .comment {
  color: green; // 変更したい色
}

変更したい色の箇所は任意の色に変更してもOKです！CSSで色の設定をするように、好きな色に変えましょう。（例では緑にしています）

するとすぐにコメントアウトした箇所が設定したカラーに変化します。