Web開発者向けの13のベストAtomパッケージ

公開: 2020-02-16

Atomコードエディターは、ソフトウェア開発者にとって最高の選択肢の1つです。 Github自体によって維持されているオープンソースプラットフォームであるAtomは、熱心な人々のグループが自由ソフトウェアを一流にするために注ぐことができる愛とサポートを示すコミュニティの取り組みです。 その大部分は、Atom内の拡張性と、ユーザーがIDEに組み込むことができる驚くべきアドオンパッケージの数です。 Atomのインストールを良いものから素晴らしいものに変えることができるように、そこにある最高のAtomパッケージのいくつかを強調したいと思います。

1.リンター

アトムのリンター

素晴らしいリンターをインストールしなくても、どのIDEまたはコードエディターが完成しますか？ Linterは、追加のパッケージを整理しておくための基本パッケージです。 次に、atomlinter.github.ioにアクセスして、開発する言語の特定のリンターを見つけます。このベースに基づいて構築されていない言語固有のリンターは数多くありますが、堅固なベースのリンターがあると考えています。エディターは、ポリグロットの効率を維持し、問題を減らして移動するのに役立ちます。

詳しくは

2.顔料

顔料

Pigmentsは、エディター内でRGBカラーと16進カラーを表示できるシンプルなパッケージです。 バックグラウンドや他のツールで余分なパレットを維持する必要はもうありません。 入力した色の組み合わせは、コード自体のハイライトとして表示されます。 シンプル、簡単、そして便利なオールインワン。

詳しくは

3.カラーピッカー

カラーピッカー

ピグメントのすぐ横にはカラーピッカーがあります。 コンパニオンとして、それは打ち負かすことはできません、そしてそれ自体で…まあ、それはまだ打ち負かすことはできません。 手動でコードを知る代わりに、RGBコードをクリックしてカラーピッカーを使用できます。 Atomで行っているあらゆる設計作業にほぼ最適です。

詳しくは

4.ファイルアイコン

ファイルアイコンatomパッケージ

ほとんどのコードエディタで最も厄介なことの1つは、デフォルトのファイルアイコンがないことです。 多く（Atomを含む）には、ファイルタイプを一目で区別する視覚的な方法がありません。 ファイルアイコンを入力します。 このパッケージをインストールすると、ファイル構造のどこに移動したか、どこに移動する必要があるかが一目でわかります。 それは大きな機能ではありませんが、それなしで作業することは夜にサングラスをかけているように感じるほどの生活の質の改善で十分です。

詳しくは

5.エメット

emmetアトムパッケージ

Emmetは、ほぼすべてのエディターの開発者に非常に人気のあるツールであり、これはAtomの公式パッケージです。 基本的に、Emmetは、コードの記述をより速く、より効率的にする一連のショートカットと略語です。 キーストロークを設定できます。構文はCSSを使用するすべての人に馴染みがあり、CSSはそれらのセレクターに基づいています。 好意を持って、EmmetにAtomパッケージとしてのショットを与えてください。 がっかりすることはないと思います。

詳しくは

6. Git Plus

gitplusパッケージ

ソフトウェア開発があるところにはGitがあります。 また、Gitがある場合は、効率的で簡単なリポジトリ管理が必要です。 コードエディタまたはIDEでGitコマンドを使用するよりも簡単になることはありません。 これはまさにgit-plusがあなたのために行うことです。 git-plusのようなパッケージを使用したことがない場合は、試してみることをお勧めします。 コマンドラインや端末に慣れていると慣れるまで少し時間がかかるかもしれませんが、Atom自体から慣れれば、ワークフローは気に入っていただけると思います。

詳しくは

7. Atom Beautify

アトムビューティファイアドオンパッケージ

醜いコードが好きな人はいません。 あなたはしません。 あなたの上司はしません。 あなたのチームメイトはそうしません。 そして確かに、プロジェクトであなたの後に来る開発者はそうではありません。 したがって、このAtomパッケージをインストールし、コードが標準とベストプラクティスに準拠していることを確認してください。 開発ページ自体から、「HTML、CSS、JavaScript、PHP、Python、Ruby、Java、C、C ++、C＃、Objective-C、CoffeeScript、TypeScript、Coldfusion、SQLなど」を美化できます。 はい、お願いします。

詳しくは

8.選択したものを強調表示します

選択したパッケージをハイライト

これは、すべてを見つけて選択するためのショートカットと考えてください。 単語または選択範囲をダブルクリックすると、ファイル内のその単語のすべてのインスタンスが強調表示されます。 この種のパッケージがどれほど頻繁に役立つかはわかりません。 絶対に最高のAtomパッケージの1つです。

詳しくは

9.ミニマップ

ミニマップ

ミニマップは、Atomにインストールした最初のパッケージの1つでした。 Sublime Textには、デフォルトでドキュメントマップが付属しているため、大きなファイルのナビゲートが飛躍的に向上します。 Atomでも同じ機能が必要でした。 アイデアは単純です。 ファイルのどのセクションがエディターの表示可能スペースにある場合でも、ファイル全体のミニチュアレンダリングで強調表示されます。 ミニマップを使用すると、自分がどこにいるのか、どこにいる必要があるのか​​が一目でわかります。

詳しくは

10.テレタイプ

テレタイプ

Atom内でGoogleドキュメントスタイルのコラボレーションと編集をしたいと思ったことはありませんか？ もちろんあります。 ワークスペースの設定方法によっては、プロジェクト間のコラボレーションが面倒になる場合があります。 Teletypeを使用すると、プロジェクトに招待したあなたと他の人が同じドキュメントに同時にリアルタイムで書き込むことができます。 ペアプログラミングは今日のソフトウェア開発業界で人気があり、プロジェクトの数がどれほど複雑であるかを考えると、Teletypeは間違いなく実験して自分に合っているかどうかを確認するものです。

詳しくは

11.プロジェクトマネージャー

Atomアドオンパッケージ

AtomのAsanaではなく、Atom内の異なるプロジェクト間を移動することは最も直感的なプロセスではないため、プロジェクトマネージャーはまだ多くのことを行っています。 今です。

詳しくは

12.HTMLを自動閉じる

HTMLを自動閉じるためのアトムパッケージ

私たちはあなたのことを知りませんが、終了タグを書くことは本当の抵抗です。 このAtomパッケージをインストールすれば、もう一度入力する必要はありません。 HTMLタグを開くと、これ（ご想像のとおり）が自動的に閉じます。 素晴らしい。

詳しくは

13.Zentabs

Atomエディター用のZentabs

私たちは皆、あまりにも多くのタブを開いたままにします。 それが私たちのブラウザにあるか、私たちのコードエディタにあるかどうか。 Zentabsを使用すると、開くタブの最大数を設定できます。そのしきい値を超えると、最も古いタブが閉じられます。 シンプルで簡単、そしてワークステーションを必要な速度で動かし続けます。

詳しくは

最高のAtomパッケージのまとめ

Atomパッケージは、エディターを非常に素晴らしいものにしているものです。 コミュニティのサポートはこの世のものではなく、その上、GithubはAtomの背後にあります。 これにより、このエディターがどこにも行かないことがわかります。つまり、人気のある便利なパッケージもどこにも行かないということです。

最高のAtomパッケージは何だと思いますか？ コメントで教えてください！

SMM-Studio / shutterstock.comによる記事特集画像