Atomのおすすめパッケージ

自宅で学べるオンラインのプログラミングスクール TechAcademy

Atomのパッケージとは？

ATOMではパッケージよばれる拡張機能を追加できます。

豊富なパッケージ無料で公開されてAtomに様々な機能を追加できます。

パッケージはPackagesから探すことができます。

Atomパッケージのおすすめパッケージ

Atomパッケージのおすすめパッケージを紹介します。

Project-manager

Project-managerはプロジェクトごとに管理するためのパッケージです。

project-manager

Tag for Atom

出典：Tag for Atom

Tag for Atomは、テキストエディターAtomでHTML編集時に、自動的にタグ閉じを行ってくれるパッケージです。
詳しくは「テキストエディタATomに自動タグ閉じプラグイン Tag for Atom をインストールする方法」を参照してください。

HTML Preview

「Atom HTML Preview」とは、テキストエディターAtomでHTMLやCSSをプレビュー表示するためのパッケージです。

詳しくは、「テキストエディタATomにHTMLプレビュー拡張機能 Atom HTML Previewをインストールする方法」を参照してください。

autocomplete-paths

autocomplete-pathsは、オートコンプリート（候補補完）にプロジェクト内のファイルパスを追加してくれるパッケージです。

画像出典：autocomplete-paths

color-picker

color-pickerはカラーピッカーを追加できるパッケージです。

画像出典：color-picker

Highlight Selected

highlight-selectedは同じファイル内あるテキストをハイライト表示してくれるパッケージです。

画像出典：highlight-selected

atom-runner

lsegal/atom-runner

https://github.com/lsegal/atom-runner

atom-runner - This package will run various script files inside of Atom. It currently supports JavaScript, CoffeeScript, Ruby, and Python. You can add more.

GitHub

編集中のプログラムのコードでもショートカットキーですぐさま実行できるパッケージです。

参考：AtomでPythonプログラムを実行する方法

emmet-atom

emmetio/emmet-atom

https://github.com/emmetio/emmet-atom

emmet-atom - Emmet support for Atom

GitHub

EmmetとはHTML/CSS/を簡略化した記述方法で入力できるテキストエディタ用プラグインです。
高速なコーディングができます。

参考：爆速HTMLコーディング！ Atomエディタのパッケージemmet-atomの使い方

script

「script」とは、Atom上でプログラムをコードが実行できるパッケージ（拡張機能）です。

Atomで開いているPHPプログラムを実行できるパッケージ「script」の使い方

https://hajipro.com/atom/atom-php-script

AtomエディタでPHPプログラムを実行する方法を解説します。 Atomにはパッケージと呼ばれる拡張機能が多数配布されています。 パッケージのひとつ、「script」を追加することで、Atomエディタ上で開いているPHPプログラムをすぐさま実行できます。AtomのインストールA...

ハジプロ！

Atomで開いているPHPプログラムを実行できるパッケージ「script」の使い方 | ハジプロ！

最後に

Atomのおすすめパッケージを紹介しました。
パッケージを追加することで非常に便利に使えるようにになります。
ここで紹介した以外にもたくさんのパッケージがありますので、自分でも色々探して試してみましょう。

自宅で学べるオンラインのプログラミングスクール TechAcademy