【Atom】Web開発用おすすめパッケージ

前回「Atom」のインストールと日本語化を行いました。

今回は便利なパッケージをインストールしてWeb開発環境と作っていこうと思います。

Atomの日本語化とプラグインのインストール方法は前回の記事に書いてありますので、そちらをご覧ください。→テキストエディタ「Atom」をインストールしてみた

・tag

「</」と入力した時に、対応する終了タグを自動的に挿入してくれるパッケージです。

・color-picker

CSSのカラーコードを簡単に入力できるパッケージです

・autocomplete-paths

Atomに標準で搭載されている自動補完機能でファイルパスの補完も可能にするパッケージです。

・minimap

サイドバーにコード画面の縮小版を表示するパッケージです。

・minimap-autohide

上記のminimapが常に表示されていると邪魔なので、スクロール中以外はminimapを隠すようにできるパッケージです

・highlight-selected

ダブルクリックした単語と同じ単語があれば、それを強調表示するパッケージです。

・minimap-highlight-selected

上記のhighlight-selectedをminimap上でも表示するパッケージです。

・file-icons

ファイル一覧表示のアイコンを見やすくするパッケージです。

・linter

文法チェックを行うパッケージです。設定がいろいろと必要なので次回に詳しく書くつもりです。

・atom-beautify

自動整形を行うパッケージです。これもいろいろ設定が必要なので次回に詳しく書くつもりです。

・まとめ

今回紹介したパッケージ名の一覧です。インストールするときにお使いください。

かなり沢山のパッケージがありますね( ﾟдﾟ)

次回はlinterとbeautyのセットアップをしていきたいと思います。