JavaScript用のIDEはありますか?-フロントエンドQ&A-php.cn

JavaScript用のIDEはありますか?

青灯夜游

リリース： 2021-10-13 16:09:06

オリジナル

1932 人が閲覧しました

JavaScript には、Visual Studio Code、Atom、WebStorm、IntelliJ IDEA、Brackets、Microsoft Visual Studio、Komodo などの IDE があります。

JavaScript用のIDEはありますか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

統合開発環境 (IDE、統合開発環境) は、プログラム開発環境を提供するために使用されるアプリケーションで、通常はコードエディター、コンパイラー、デバッガー、グラフィカルユーザーインターフェイスなどのツールが含まれます。コード記述機能、解析機能、コンパイル機能、デバッグ機能などを統合した統合開発ソフトウェアサービススイートです。この機能を備えたすべてのソフトウェアまたはソフトウェアパッケージ (グループ) を統合開発環境と呼ぶことができます。 MicrosoftのVisual Studioシリーズ、BorlandのC Builder、Delphiシリーズなど。プログラムは独立して実行することも、他のプログラムと組み合わせて実行することもできます。 IDE は主に HTML アプリケーションソフトウェアの開発に使用されます。たとえば、Web サイトを設計する場合、多くのタスクが自動的に生成されるため、多くの人が IDE (HomeSite、DreamWeaver など) を使用します。

すべての開発者は、自分のお気に入りの IDE を持っています。

開発に最適な IDE はどのように選択すればよいでしょうか?そうですね、IDE の機能はこの選択に影響を与えます。しかし、一般に、それは各開発者の好みに依存するものであり、非常に主観的な選択です。

JavaScript 開発に最適な IDE をいくつか見てみましょう。

1. Visual Studio Code

JavaScript用のIDEはありますか?
Visual Studio Code (VS Code とも呼ばれます) は Microsoft の製品です。これを、主に .NET 開発用である Visual Studio と混同しないことが重要です。

これは、私がこれまで出会った中で最高の IDE の 1 つです。ほとんどの人がこの IDE を個人的に使用した経験があるはずです。非常に強力で機能が豊富で、何よりも無料で使用できます。

ほとんどの開発者はおそらく VS Code を使用したことがありますが、誰もがその威力を知っているわけではありません。そこで、それらのいくつかを見てみましょう。そうすれば、あなたが何年も見逃してきたことがわかるでしょう。

Visual Studio Code は

複数の言語 (JavaScript、TypeScript など) をサポートしています。ここにカスタム拡張機能をインストールして、C#、C++、Python などのエコシステムをサポートできます。
構文の強調表示
IntelliSense によるオートコンプリート
実行中のアプリケーションをアタッチし、ブレークポイントを含めることでコードをデバッグする機能
コーディング効率を向上させるショートカット
多くの追加機能 (Docker 拡張機能など) をサポートする拡張機能を備えたマーケットプレイス
Visual Studio Code Online との統合機能
拡張機能によるバージョン管理

さらに, Visual Studio Codeには便利なリモートコラボレーション機能もあります。これは、Microsoft が提供する Live Share と呼ばれるサービスによって実現されます。開発者を招待してプロジェクトに一緒に取り組むことができ、同じファイルを同時に編集することもできます。ファイル上で他の人のカーソルを見ることもできます。

クールじゃないですか?

VS Code に関しては、注意すべき欠点もいくつかあります。

JavaScript 以外の言語でコーディングしている場合は、その言語用に環境をセットアップするのに時間と労力を費やす必要がある場合があります。
Chrome 上に構築されているため、多くのメモリを消費します。

しかし、欠点はさておき、これは一流の JavaScript 開発 IDE なので、まだチェックしていない場合はぜひチェックしてみてください。

2. Atom

JavaScript用のIDEはありますか?

Atom は、Visual Studio Code のリリース前に大きな注目を集めたオープンソース IDE です。 GitHub によってサポートされているのも、非常に人気がある理由の 1 つです。 Atom は Electron アプリケーションです。

Atom は多くの点で VS Code に似ています。 Windows、Mac、Linux をサポートします。無料で使用でき、MIT ライセンスに基づいてライセンスされています。コードの自動補完、複数プロジェクトのサポート、複数セクション編集などの機能もあります。

Atom の欠点の 1 つは、VS Code よりも遅いことです。これは、Atom が VS Code の組み込み機能ではなく、拡張機能を通じてほとんどの機能を提供しているためです。

しかし、全体的に見て、Atom は機能が豊富でカスタマイズ可能な 21 世紀の IDE です。

3. WebStorm

JavaScript用のIDEはありますか?
ソフトウェア業界でしばらく働いている人なら、間違いなく IDE 開発会社 JetBrains について聞いたことがあるでしょう。 WebStorm も、JavaScript 開発に重点を置いている JetBrains の製品です。

JavaScript、HTML、CSS、Angular JS、TypeScript、Node.js、Meteor、ECMAScript、React、Vue.js、Cordova など、複数のテクノロジーと言語をサポートしています。 WebStorm は、Windows、Mac、Linux オペレーティングシステムと互換性があります。

WebStorm の主な機能の一部は次のとおりです

インテリジェントなコード補完
複数行の To-Do 項目
自動コード再構築
デバッガー
構文エラー検出
単体テスト
アロー関数を使用して変数に変換
VCS (Veritas Cluster Server)との統合
パラメータプロンプト
Git統合

VS Code と比較して、WebStorm には多くのショートカットキーがあるため、コーディングがより便利かつ高速になります。

ただし、この IDE の大きな欠点の 1 つは、この IDE がプロプライエタリなソフトウェアであり、日常のコーディングで WebStorm を使用するにはライセンスを購入する必要があることです。ただし、JetBrains を使用すると、学生パッケージやオープンソースプロジェクトなどのいくつかのシナリオで WebStorm を無料で入手できます。

4. IntelliJ IDEA

JavaScript用のIDEはありますか?
IntelliJ IDEA は JetBrains のもう 1 つの IDE です。 Community Edition と Ultimate Edition の 2 つのエディションがあります。 Community Edition は無料で使用できますが、Ultimate Edition はライセンスを購入する必要があります。

この IDE は、これまでに説明したすべての IDE と同様に機能が豊富です。その機能の一部は次のとおりです。

高度なコード補完
組み込みの静的コードアナライザー
ほとんどのアプリケーションサーバー用のデプロイメントおよびデバッグツール
テストランナーユーザーインターフェイス
コードカバレッジ
Git 統合
複数のビルドシステムのサポート
広範なデータベースエディターおよび UML 設計エディター
Google App Engine、Grails、GWT をサポート
##統合されたバージョン管理
5. Brackets

Web デザイン用の人気のある IDE を探している場合は、Brackets が最初の選択肢です。これは特に Web デザインをサポートし、次の点を容易にします。

JavaScript用のIDEはありますか? ビジュアルツールのセット。

プリプロセッサのサポート。

VS Code や Atom と同様に、Brackets も無料で使用できます。
他のエディタと比較して、Brackets にはいくつかの独自の機能があります。彼らは、

インラインエディターです。

ライブプレビュー - ブラウザーにライブで接続できます。変更を加えるとすぐに画面に表示されます。

プリプロセッサのサポート - これにより、LESS ファイルと SCSS ファイルの高速編集とリアルタイムのハイライト表示が可能になります。
言うまでもなく、これは Web デザインと開発を最もよくサポートする IDE の 1 つです。
6.Microsoft Visual Studio

Visual Studio は .NET IDE に適しており、JS には WebStorm ほど適していませんが、一般的には非常に優れた JavaScript IDE です。

ご存知のとおり、Visual Studio は、Android、iOS、Mac、Windows、Web、クラウド用のアプリをすばやく操作、作成、開発するための手段です。簡単なデバッグと診断のためのコードを作成し、好みに合わせて拡張およびカスタマイズし、効果的に共同作業できます。

JavaScript用のIDEはありますか? 7.Komodo

Komodo は高度な JavaScript 編集、構文ハイライト、ナビゲーションおよびデバッグ機能を提供しますが、JavaScript コード検査機能は含まれていないため、シェルで JSHint を実行できます。 Komodo IDE は Windows、Mac OS X、Linux 上で動作し、一般的なオープンソース言語 (Python、Perl、PHP、Ruby) をサポートしています。コードインテリジェンスエンジンは非常に信頼性があります。すべての言語のインストールをスキャンして、PEAR モジュールなどのカスタム拡張機能を探します。プロジェクト側では、CVS、Subversion、および Perforce との統合をサポートし、コードをサーバーに直接 FTP 転送することもできます。

全体として、Komodo は最高ではありませんが、十分に優れた IDE です。FTP、SFTP、FTPS、または SCP 経由でファイルグループを公開できます。ファイルを同期することもできます。他の人の変更とパブリッシングの潜在的な競合を検出します。

JavaScript用のIDEはありますか? [推奨学習: