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


ショートカットからコメントアウト

- Macであれば 「Command + /」
- Windowsであれば「Ctrl + /」
メニューバーの時と同様にコメントアウトが行われます。
一括コメントアウト

このように一括でコメントアウトしたい場合は
- コメントアウトした行の選択
- Mac: 「Command + / 」
- Windows: 「Ctrl + /」を実行
Atomでコメントの色を変更する設定
Atomでのコメントアウトの方法を見てきましたが、コメントした色がグレーで見づらいという方もいるかと思いますので、コメントの文字色を変更する設定方法をご紹介します。



atom-text-editor::shadow .comment { color: green; // 変更したい色 }
変更したい色の箇所は任意の色に変更してもOKです!CSSで色の設定をするように、好きな色に変えましょう。(例では緑にしています)
