Anonim

JavaScriptはWeb開発で多く使用されますが、モバイル開発やアプリと同様に他の目的でも使用されます。 CSSとHTML5に必要なのはシンプルなテキストエディターだけですが、JavaScriptにはもう少し必要です。 現在、Web開発に最適なJavaScript IDEと広く考えられているものを以下に示します。

優れたJavaScript IDEには、いくつかの重要な機能が必要です。 自動コード補完、リスト関数、コード生成、リファクタリング、スマートナビゲーション、統合デバッガー、テスト機能などのツールを含める必要があります。 優れたIDEには、エラーと例外処理、およびそのレパートリーを拡張するアドオンも含まれます。

このリストの一部のJavaScript IDEはプレミアムで、一部は無料で、多くはコンピューターにダウンロードされますが、いくつかはオンラインです。 それらはすべて好意的にレビューされ、非常に人気があるようです。 Web開発用の新しいJavaScript IDEを探している場合は、これらのいずれかが確実に当てはまります。

私はコーダーではありませんが、私の親友の1人であるため、彼女の専門知識を使用してこのリストを作成しました。

WebStorm

WebStormは、ダウンロード数と肯定的なレビューの数がいくらでもある場合に最も人気のあるJavaScript IDEの1つです。 ユーザーフレンドリーで使いやすいようにゼロから設計されており、確かにそうです。 JavaScript、HTML、CSS、Angular、Node.jsと互換性があるため、すべてのベースがカバーされています。 また、Angular、React、Meteorフレームワーク、Cordova、PhoneGap、Ionicモバイル開発アプリとも互換性があります。

WebStormには優れたコードリファクタリングユーティリティがあるため、新しいコーダーでも整然としたコードを生成できます。 変数の抽出、ファイルの移動、オートコンプリート、およびパラメーターと機能の支援を行うことができます。 より経験豊富なコーダーであれば、印象的なアプリや機能を作成するために必要なすべての高度なツールを見つけることができます。

WebStormは無料ではなく、使用するには年間サブスクリプションが必要です。

原子

Atomは非常に人気のある別のJavaScript IDEです。 基本的には、必要な数の機能を追加できるテキストエディターです。 HTML、JavaScript、CSS、およびNode.jsと互換性のあるAtomは、JavaScriptプログラミングでの価値がすでに実証されているクロスプラットフォームフレームワークであるElectronに基づいて構築されています。

クロスプラットフォーム機能は共同プロジェクトに最適ですが、ビルトインパッケージマネージャーは多くのビルド済みパッケージを追加したり、独自のパッケージを作成したりできます。 これは、Atomの最も高く評価されている機能の1つであり、IDEを使用方法に正確に構成する自由度が非常に高いためです。

Atomの他の機能には、自動補完、ファイルブラウザ、検索と置換、タグの自動クローズ、およびコードを概要で表示する便利なミニマップが含まれます。 Atomは、より大きなファイルを操作するときに速度が低下する傾向があり、明らかにメモリリークがあり、使用時に遅延が発生する可能性があります。 それ以外は非常に高く評価されています。

Atomは無料で使用できます。

コードペン

Codepenは、自身を「ウェブのフロントエンド側の遊び場」と呼んでいます。 上記のオンラインJavaScript IDEの1つであり、その機能は非常に優れています。 HTML、CSS、JavaScriptでうまく動作し、CoffeeScriptまたはLiveScriptで動作します。 これは、コードを学びたい初心者や、同業者にレビューしてもらうだけでなく、ライブプレビュー環境でビルドしたい経験豊富なコーダーにも役立ちます。

Codepenには多くのCSS、HTML、およびJavaScriptツールがあります。 Emmetのような非常に強力なツールキットを使用してペン内でコードを作成し、クリーンなコードを迅速に生成します。 Vimキーバインディングを使用して、高速生成が可能な場合も使用できます。 また、インストールされたIDEに期待される通常のコードツールと機能にもアクセスできます。

Codepenの主な利点はコミュニティです。 これは、コード、アイデアなどのヘルプ、アドバイス、レビューを提供する非常に大規模で活発なコミュニティです。

Codepenには無料版とPro版の両方があります。

崇高なテキスト3

優れたJavaScript IDEのほとんどのリストにあるSublime Text 3の機能。 シンプルなテキストエディタとして生まれたものは、コードをコンパイルするときに使用することが期待される多くのツールを含む本格的なIDEに進化しました。 高度にカスタマイズ可能で、プラットフォームを越えて機能し、パッケージを簡単に管理します。

UIはシンプルですが効果的です。 それもすぐに動作します。 標準インストールには、常に使用する多くのツールが含まれていますが、パッケージマネージャーにより、必要な数の機能を使用できます。 Emmet、Babel、SublimeLimiterなどと連携して、JavaScriptをきれいに整頓します。

Codepenと同様に、Sublime Text 3の本当のハイライトの1つはコミュニティです。 プログラムのプラグインを作成するだけでなく、あらゆる種類の支援やディスカッショントピックを支援、確認、提供します。 これらは、人類にまだ未来があると信じさせるようなコミュニティです。

Sublime Text 3は無料で試用できますが、70ドルを維持できます。

NetBeans

NetBeansはJavaツールとして始まりましたが、JavaScriptとNode.jsを含むように拡張されました。 また、HTML、CSS、PHP、JS、C / C ++、Python、その他の言語でも動作します。 Java仮想マシン内で動作するため、ほとんどのオペレーティングシステムで動作し、好きなように設定できます。

NetBeansには、コードの折りたたみ、コードの書式設定、JSONツール、変数のオートコンプリート、関数参照、ライブラリ関数、クラスなど、期待するツールと機能のほとんどが含まれているため、本当にすばやくコーディングできます。 完了したら、きちんとしたデバッグおよびエラー修正機能はエラーを指摘し、さらに最適化が見つかる場所のヒントを提供します。

NetBeansには、効果的なデバッグと、ブラウザー内からソースを編集する機能を可能にするクールなChrome拡張機能もあります。 どうやら非常に便利なツール。

NetBeansは無料のオープンソースです。

冒頭で述べたように、私はコーダーではないので、この作品を手伝うためにコーダーの友人に頼らなければなりませんでした。 推奨事項は彼女のものですが、エラーや間違いはすべて私のものです!

優れたJavaScript IDEについて他の提案がありますか? もしそうなら、以下にそれを教えてください!

5 Web開発に最適なJavaScriptのアイデア