Atomにインストールするパッケージ

私がAtomにインストールして使っているパッケージのリストです。

atom-beautify

ソースコードのインデントやスペースをきれいに整形してくれるパッケージ。ガーっと書いた雑なコードも一発できれいに整形してくれるので便利です。

整形される条件などの設定が少しわかりにくいところが少しだけデメリットかな。

color-picker

右クリックメニューでカラーパレットを表示する。パレットから色を選択すると色コードを入力する入力補助もあり。

これは本当に便利です。主にcssを編集する時に使っています。「サイトのこの箇所をちょっと違う色に変えたいな～」と思った時に、パレットから直感的に色を選ぶことができます。気軽に色を試せるのでこ私にとっては手放せないパッケージです。

pigments

コード内に記述した色コードの背景をその色にする。

これも大変便利です。主にcssの編集で使用します。色コードを使用している箇所とその色がコードをざっとスクロールすればみつけられます。少し動作が重くなるかもしれないので、ある程度PCスペックが必要です。

maximize-panes

アクティブになっているタブをCtrl+Shift+Enterで最大化・最小化する。コード記述中にちょっと画面いっぱいにして表示したい場合に便利。

linter

コードの記述ミスを指摘してくれる。各言語ごとのパッケージ（下記）もインストールが必要です。

このパッケージを入れていると、文法ミスがすぐにわかるので、バグ取りがとても楽になります。自分が不得意な言語を入れておくことで、正確な記述方法を自然に覚えられるというメリットもあります。

liter-ui-default

linterのui用のパッケージ。linterを使う場合に必須。

linter-htmlhint

htmlの構文ミスをリアルタイムでチェックしてくれる。linterと一緒に使用する。

linter-jscs

javascriptの構文ミスをリアルタイムでチェックしてくれる。linterと一緒に使用する。

linter-php

phpの構文ミスをリアルタイムでチェックしてくれる。linterと一緒に使用する。

以上、私が使っているAtomのパッケージでした。他に良いパッケージを見つけたらまたここに追記します。