WEB

Atomに必ずインストールしておきたい拡張機能まとめ10選

  • このエントリーをはてなブックマークに追加
  • Pocket
Atom 拡張機能

みなさんこんにちは!

みなさんは無料エディターのAtom使っていますか??

私は仕事でもAtomをメインウェポンとして使っています!

Atom以外にもSublime TextやBracketsなどを使っている方も沢山いるでしょう。

そんなフリーのエディターによくあるのが「拡張機能」です。

沢山の方々が無料で拡張機能を作成していて、それをインストールすることで自分好みのエディターに仕上げるのはプログラマーの楽しみの一つでもあるのではないでしょうか?

そこで今回は、私が普段使っているAtomの拡張機能をまとめてご紹介します!

Atomの拡張機能まとめ

まずは、絶対にインストールしておきたい拡張機能から紹介します。

1. Project Manager

この拡張機能はエディター内でプロジェクトフォルダの管理を便利にするものです。

デフォルトの状態では前回のセッションが保持されているので、Atomを起動すると閉じた時に開いていたフォルダが開きます。

ですので、別フォルダを開く際に手間がかかってしまいます。

そこで、この拡張機能をインストールするとプロジェクトとしてフォルダを保存し、何時でも呼び出せるようにしてくれます。

この拡張機能は絶対にインストールしておきましょう!

2. Linter

こちらの拡張機能はソースコードの構文チェックをしてくれます。

ただし、この拡張機能だけでは不十分です。この拡張機能は、構文チェック機能を有効にするための拡張機能なので、言語ごとに違う拡張機能をインストールしなければいけません。

  • linter-htmlhint (HTML)
  • linter-eslint (javascript)
  • linter-csslint (css)
  • linter-php (PHP)

他にも沢山あるので自分にあったものをインストールしてみてください!

なかには設定をしないと思うような動きをしてくれないものもありますので注意してださい。

3. atom-beautify

こちらの拡張機能はソースコードを綺麗に整形してくれます。

いくら慎重に書いていても無駄なインデントや空行が生まれてしまうものですよね…

そんな時に一括で整形してくれるこの拡張機能はとてもおすすめです!

沢山の言語をカバーしているので、「なんでこの言語で出来ないの?」なんてことは起こらないでしょう。

4. autocomplete-paths

こちらの拡張機能は面倒な相対パスの入力を楽にしてくれる拡張機能です。

ディレクトリ階層を確認しながら、いちいち入力していた相対パスに入力補完をしてくれるので、痒いとこに手が届く感じがして気持ちいいです(笑)

5. file-icons

デフォルトのファイルアイコンは分かり難くないですか?

そんなときはこの拡張機能です。

別になくてもいいけどあったほうが良くない?の典型タイプ。

6. show-ideographic-space

全角のスペースが原因で思わぬバグにぶち当たったことってないですか?

この拡張機能をインストールしておけば、全角スペースがとても見やすくなるのであるととても便利です。

7. pigments

こちらの拡張機能は、cssなどに記述しているカラーコードがハイライトされる拡張機能です。

「このカラーコード何色だっけ?」がエディター上で確認できる優れものです。

8. remote-ftp

FTPソフトを使ってファイルの更新をするのはよくある光景ですが、この拡張機能をインストールすると、Atom上でFTP送信が可能になります。また、SFTPもサポートしています。

FTP接続しそのまま編集して保存するとFTP送信される、というなんともスピーディーな作業が可能になります。

ただし、保存する=FTPアップロードなので、間違ってファイル更新してしまうことも…

9. atom-minify

javascriptやcssのファイルの圧縮はフリーのサービスを使っていますか?

そんなことしなくてもAtom上でショートカットキーを叩くだけで出来るんです!

しかもこの拡張機能には様々な設定が用意されていて大変助かっています。

10. highlight-selected

こちらの拡張機能は選択した文字列が他にもある場合、線で囲いハイライトしてくれます。

同じ名前の変数名がどこにあるか一目瞭然です!

まとめ

いかがでしょうか?

Atomの拡張機能は他にも沢山あります。

色々探し回っていたら数時間たっていたなんてこともありました(笑)

Atomをインストールして何の拡張機能を入れればいいのか迷っている方はとりあえず、この記事で紹介した拡張機能を入れておけば間違いありません!

では、また会う日まで!

  • このエントリーをはてなブックマークに追加
  • Pocket
Anyushu

コメントを残す

*