ATOM
エディタ

AtoMパッケージおすすめ一覧

More than 1 year has passed since last update.

AtoMはGithub社開発のオープンソースエディタです。
無料だし、プラグイン頼りな分ちょっとパフォーマンスは落ちるけど、個人的には世話が焼けて好き。え。
とりあえず入れているものの中で使えるものを列挙。
他にもオススメあったら教えてください:relaxed:
随時追加します。

基本のやつ

atom-beautify

たいていの言語の入力補完、コード整形をしてくれるもの。
Beautify HTML, CSS, JavaScript, PHP, Python, Ruby, Java, C, C++, C#, Objective-C, CoffeeScript, TypeScript, Coldfusion, SQL, などなど。
Ctrl + alt + b でスパッとコード整形してくれます。

markdown-pdf

マークダウンのファイルを一発でPDF保存できるもの。
ショートカットはShift + Ctrl + c 

linter

各言語の"linter-XXX"パッケージを入れていて初めて生きるやつ。
linterでコンパイル+エラー・ワーニングチェックまでやってくれたものを
エディタの下部に可視化してくれるもの。
私はlinter-rubocopしか入れてなかったな。

フロントエンド系

atom-html-preview

Shift + Ctrl +  で左半分にhtmlファイルをプレビュしてくれる。
ブラウザ開かなくても簡単な確認ならできる。

atom-typescript

atomでTypescript書くなら、入れなきゃなプラグイン。
コンパイルのタイミングとエラー方法を設定できる。

less-than-slash

htmlと閉じタグを </まで記述したら入力補完してくれる。地味に便利。

tag

Alt + Cmdで閉じてないタグをポンポン閉じれちゃう。
less-than-slash要らない説。

Ruby on rails系

linter-rubocop

プロジェクトでrubocopを採用してたので、入れただけ・・・
上記のlinterでエラーを可視化。

ruby-block

end, elsif, else, when ,rescue, ensure にカーソルがある時に、
rubyのblockをハイライトしてくれる。
よくendの数で迷子になる私には絶対必要(の割に入れたのは最近)。

その他楽しくなる系

color-picker

Cmd + Shift +  でカラーピッカーが現れる。

file-icons

ファイルアイコンが、拡張子によって楽しい感じになります。
フレームワーク使ってるといっろんなファイルがごちゃごちゃするからいいかも?!

pigments

カラーコードをその色でエディタ上でハイライトしてくれる。いちいち確認しなくていいから◎
RAB,RGBA,HSL,HSLAも対応。