こんにちは、さいそん(@tak723sio)です。
普段僕は開発時にはGitHub製のエディタ、「ATOM」を使っています。
クローズドβ(?)の時からなので、かれこれ１年以上使っているのですが、
使ってて「こいつ便利！」と思ったパッケージをまとめてみました。
ATOMって？
公式サイト
https://atom.io/
上にも書いてある通りのGitHub製のエディタになります。
Windows、Mac、Linuxと、多くのOSに対応しています。
ATOMパッケージ
(MacOS)ならATOMを立ち上げてCmd + ,で設定が開けます。
そこから「Install」のタブをクリックして検索バーで検索するとパッケージが探せます。
というわけで、便利だと思ったパッケージを紹介していきましょう！
Color Picker
https://atom.io/packages/color-picker
主にCSS上で使いますが、Cmd + shift + cで起動することが出来、Photoshopなどのグラフィックツールさながらのカラーピッカーが表示されます。
file-icons
https://atom.io/packages/file-icons
便利というよりかは「見た目がカッコいい」っていう感じですね。
左側に表示される各ファイルのアイコンをそのロゴに置き換えてくれるパッケージ。
これがあるのと無いのとでは見やすさが非常に変わります。
autocomplete-plus
https://atom.io/packages/autocomplete
いわゆる予測変換を出してくれる奴。
コレがもとで、拡張のものとして
- autocomplete-html
- autocomplete-css
- autocomplete-snippets
等便利なパッケージがある。
emmet
https://atom.io/packages/emmet
今の時代、使ってない人はいないんじゃないかって思うぐらいに便利なEmmetのATOM用パッケージ
git-plus
https://atom.io/packages/git-plus
いちいちターミナルやGUIを立ちあげなくても大体のGitコマンドを、
このパッケージを入れることで、使うことが出来ます。
language-xxx
デフォルトでサポートしていない言語をATOMでも使えるようにしてくれるパッケージ
「language-xxx」や「xxx-language」などの名前が多い。
term2
https://atom.io/packages/term2
Gruntやgulpなどのタスクランナーなどを動かすのはターミナルからですが、
ならATOMにターミナルを入れてしまえば、ATOM１つで済んでしまいます。
Atom Color Highlight
https://atom.io/packages/atom-color-highlight
例えば#123456って何色かわかりますか？
まぁ普通カラーコードを見ても色はわかりません。
ですが、このパッケージを入れておくと、このカラーコードのところだけ
背景をその色にしてくれるのです。
また、SassやLessなどを使っていると「この変数に入れた色って何色だっけ？」って言うことがありますが、このパッケージは「その変数も格納されているカラーコードを表示してくれる」ので、
変数を書くと色がわかってしまうスグレモノなのです。
Minimap
https://atom.io/packages/minimap
サブライムテキストだとデフォルトで右上に出てくるアレです。
サブライムで右上のアレを使ってた人は入れておくといいかも。
カラースキームは？
パッケージを検索する所で右側のタブを「Theme」に切り替えて、お好きなカラースキームを入れてみてください。
まとめ
とりあえず、ここらへん入れておくと使いやすくなるかと。
ATOM便利なのでぜひ使ってみてください。