Help us understand the problem. What is going on with this article?

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

More than 3 years have 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も対応。

Yukaaaah
SIerからベンチャーに出向、Webエンジニアたのしい。 帰任後はデジタルマーケの部隊に異動。 EC構築PJ、Webサービス運用、その他もろもろ。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away