JavaScriptにどのエディタを使用しますか?

利用可能なエディタは次のとおりです: 1. Sublime Text (高度に構成可能で拡張可能なテキスト エディタ)、2. vscode (無料の軽量エディタおよび IDE)、3. Brackets (無料のオープン ソース エディタ)。 4. Atom はオープンソースのプログラム可能なエディターです; 5. WebStorm は軽量の IDE です; 6. Komodo Edit は多言語エディターです; 7. Notepad はオープンソースのエディターおよびメモ帳です。

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

JavaScript エディター

Sublime Text

場合超高速で実行され、コード検査、デバッグ、展開のために他のウィンドウへの切り替えをサポートする、柔軟で強力かつ拡張可能なテキスト エディターが必要な場合は、Sublime Text の使用を検討してください。

Sublime Text には、高速であることに加えて、多くの注目すべき利点があります。JavaScript、HTML、CSS を含む 70 以上のファイル タイプをカバーし、インスタント ナビゲーションとインスタント プロジェクト切り替え、複数のオプション (一度に)列の選択 (一度にファイルの長方形の領域を選択)、マルチ ウィンドウ (すべてのモニター ウィンドウを使用) および分割ウィンドウを含む、さまざまな変更を加えます。シンプルな JSON ファイルを使用した完全なカスタマイズ。Python ベースプラグイン API ; 統合された検索可能なコマンド ボード。

他のエディタを使用しているプログラマの場合、Sublime Text は TextMate パッケージ (コマンドは含まれていません) と Vi/Vim エミュレーションをサポートしています。

Sublime Text は、高度に構成可能で拡張可能なテキスト エディターです。これには JavaScript を含む 50 以上の文法が含まれており、Sublime パッケージと TextMate 文法定義を使用して拡張できます。いくつかのキーストロークで、Babel (React) および TypeScript (Angular) の構文とサポートをインストールできます。

Sublime Text は複数のウィンドウと分割ウィンドウをサポートしており、各プロジェクトには複数のワークスペース、複数のビュー、およびビューを含む複数のペインを含めることができます。スペースを統合、デバッグ、テストする場合、すべての画面領域を使用することが非常に簡単になります。 Sublime Text は、色、テキスト フォント、グローバル キー バインディング、タブ ストップ、ファイル固有のキー バインディングとスニペット、さらには構文強調表示ルールなど、すべてのカスタマイズもサポートしています。 Sublime Text のエンコード ファイルのデフォルトは JSON ファイルで、言語定義のデフォルトは XML です。

Sublime Text には、Sublime Text パッケージとプラグインを作成および維持するためのアクティブなコミュニティがあります。 JSLint および JSHint インターフェイス、JsFormat、JsMinify、PrettyJSON、Git サポートなど、Sublime Text にはない多くの機能は、パッケージ インストーラーを使用してコミュニティを通じて利用できます。

公式 Web サイトのリンク: http://www.sublimetext.com/

ダウンロード アドレス: http://www.sublimetext.com/3

ビジュアルStudio Code (vscode)

Visual Studio Code は、Microsoft がリリースした無料の軽量エディターおよび IDE です。 Visual Studio コンポーネントが含まれており、オープン ソースの Atom Electron シェルと混合できます。 C# を使用した ASP.Net Core 開発の優れたサポートを提供し、TypeScript および JavaScript を使用した Node.js 開発の優れたサポートも提供します。 Visual Studio は Windows でのみサポートされるという慣例とは異なり、Visual Studio Code は MacOS および Linux でも実行できます。

Visual Studio Code には、TypeScript コンパイラーと Salsa エンジンが組み込まれているため、JavaScript コード補完が非常に優れています。 Visual Studio Code は、JavaScript コードをバックグラウンドで TypeScript コンパイラーに送信して、型を推論し、シンボル テーブルを構築します。画面イメージの下部にあるボックスに hasOwnProperty メソッドの情報が表示されます。

同じシンボル テーブルにより、IntelliSense は式入力プロセス全体を通じて優れたポップアップ オプション リストを提供します。次の機能が利用できます: 入力後の自動クローズ、自動入力完了オプション、入力後の自動メソッド リスト、およびメソッド内の自動パラメータ リスト。 DefinitelyTyped から d.ts ファイルへの参照を追加することで、IntelliSense を強化できます。 Visual Studio Code は、Node.js 組み込み変数の __dirname の使用などの一般的な問題を特定するときに、これらの機能を提供します。

Visual Studio Code は、Node.js および ASP.Net 開発用の無料の軽量エディターおよび IDE です。 TypeScript コンパイラー、Roslyn .Net コンパイラー、Atom で使用される Electron シェルなどの Microsoft テクノロジーを組み合わせています。 Visual Studio Code は、Windows、MacOS、および Linux プラットフォームで使用できます。

Visual Studio Code の Git サポートは非​​常に優れており、使いやすいです。 Visual Studio Code デバッガーは、Node.js および ASP.Net 開発に優れたデバッグ エクスペリエンスを提供します。 Visual Studio Code には、非常に優れた HTML、CSS、Less、Sass、および JSON ツールが備わっています。このツールは、Internet Explorer F12 開発者ツールと同じテクノロジに基づいています。さらに、Visual Studio Code は、gulp や jake などの外部タスク ランナーとのカスタマイズ可能な統合を提供します。

Visual Studio Code には、Angular や React のサポートなど、強力なプラグイン エコシステムがあります。 JavaScript および TypeScript のフレームワークとライブラリを使用してアプリケーションを構築する場合は、Visual Studio Code を使用することをお勧めします。

公式 Web サイトのリンク: https://code.visualstudio.com/

ダウンロード アドレス: https://code.visualstudio.com/Download

WebStorm

WebStorm は、JavaScript プロジェクト用に JetBrains によって開発および保守されている有料の統合開発環境です。 Node.js アプリケーションとクライアント アプリケーション、テスト ランナー用の開発プラットフォーム、REST クライアント、単体テスト、および VCS (GitHub、Mercurial など) との統合開発で使用できるデバッガー。

WebStorm を使用して、Angular、React、Vue.js、React Native、Electron、Node.js、Meteor、Cordova、および Ionic でプロジェクトを構築できます。 WebStorm は無料ではありませんが、30 日間無料で評価できます。

Brackets

Brackets は、もともと Adob​​e が提供していた無料のオープンソース エディターであり、以下を提供するように設計されています。 JavaScript、HTML、CSS、および関連するオープン Web テクノロジのための優れたツール。括弧自体は JavaScript、HTML、CSS で記述されます。組み込み機能に加えて、Brackets には、フロントエンド開発者が使用する多くの言語やツールを拡張するための拡張マネージャーがあります。 Brackets は Sublime Text や TextMate ほど高速には動作しませんが、ネットワークからプログラム コンテンツをロードまたは更新するときに一時停止することを除けば、それでも非常に高速に動作します。

Brackets は、JavaScript、CSS、HTML、Node.js を強力にサポートしているだけでなく、HTML ID に関連する CSS のオンライン編集など、他の優れた機能も備えています。さらに、Brackets にはシンプルな UI インターフェイスがあり、編集中に Web ページをリアルタイムでプレビューできます。無料のコードエディターとしては、Brackets が最適です。

Brackets 拡張機能も JavaScript で記述されており、Node.js モジュールを呼び出すこともできます。開いているファイルをタブに表示するほとんどのエディタとは異なり、Brackets にはファイル ツリーの上に作業ファイルのリストが表示されます。

Brackets の JavaScript オートコンプリート機能は非常に優れており、jQuery メソッドで $ を入力すると、さまざまな括弧の閉じ括弧が自動的に入力され、キーワード、変数、メソッドが自動的にドロップダウン メニューに表示されます。ブラケットは Node.js デバッガーを制御し、メニュー項目から Node を再起動できます。ブラケットを使用すると、追加機能 (TypeScript と JSX のサポート、Bower 統合、Git 統合など) を備えた拡張機能を簡単に追加できます。

素早い編集、素早いドキュメントの保存、素早いファイルのオープン、およびライブ プレビューはすべて、Web アプリケーションの編集を簡素化し、コーディングや設計に集中できるようにします。 Brackets にはいくつかの欠点もあります。たとえば、一部の Brackets 拡張機能は設定が難しく、Emacs パッケージや Vim プラグインほど簡単ではありません。

公式 Web サイトのリンク: http://brackets.io/

ダウンロード アドレス: https://github.com/adobe/brackets/releases/download/release-1.9/Brackets.Release 1.9.msi

Atom

Atom 1.15.0 は、GitHub エディタ上で利用できる無料のオープン ソースのプログラム可能なツールです。 Windows、MacOS、Linux プラットフォームでは、GitHub アプリケーションと統合されており、多くのパッケージとテーマが利用可能です。

Atom ソース コードは GitHub にあり、CoffeeScript で記述され、Node.js と統合されています。 Atom は、Web ブラウザではなくテキスト エディタとして設計された Chromium ブラウザの特別なバージョンで、各 Atom ウィンドウは基本的にローカルでレンダリングされた Web ページです。

Atom が自動的に更新されない場合、パフォーマンスは非常に良好です。あいまい検索、素早い項目の検索と置換、複数のカーソルと選択、複数のペイン、コード スニペット、コードの折りたたみ、TextMate の構文とテーマをインポートする機能などの優れた機能がいくつかあります。 Atom は 2 つのコマンド ライン ユーティリティをインストールできます: Atom はシェルからエディターを起動するために使用され、APM は Atom のパッケージを管理するために使用されます。

公式 Web サイトのリンク: https://atom.io/

ダウンロード アドレス: https://atom.io/download/windows_x64

Komodo Edit

Komodo Edit は、ActiveState の Komodo IDE の無料の縮小バージョンで、クールな多言語エディターです。

Komodo IDE は好きだけどお金に余裕がない場合は、Komodo Edit が最適です。 Komodo Edit は IDE ではないため、エディターの外でコード制御を完了する必要があります。

リアルタイムコード収集機能はありませんが、他人とコードを共有せずに独自に開発する場合には問題ありません。また、HTTP インスペクターも提供しません。 Komodo Edit には Komodo IDE と同じ編集機能がありますが、コードのリファクタリング、デバッグ、単体テスト、ソース コード管理の統合、その他の IDE に適した機能がありません。

いずれにせよ、Komodo Edit は JavaScript 編集のニーズを無料で満たし、HTML、CSS、Python、Perl、Ruby、Tcl、その他のプログラミングを編集するためのマークアップ言語を提供します。

公式ウェブサイトのリンク: https://www.activestate.com/komodo-ide/downloads/edit

ダウンロード アドレス: https://www.activestate.com/komodo-ide/ダウンロード /edit

Notepad

Notepad は、無料のオープン ソース Windows ソース コード エディターおよびメモ帳で、JavaScript の編集に非常に適しています。約 50 のプログラミング言語とマークアップ言語をサポートしています。複数のドキュメント編集ウィンドウに加えて、ワークスペース ツリー ビュー、機能リスト タブ、およびドキュメント マッピング タブがあります。ロード時間は十分に速く、パフォーマンスが十分に高いため、速度の低下を感じることはありません。

構文の色付けと折りたたみ、編集可能な機能 (列モードの編集と正規表現、検索と置換のサポートを含む)、および適切な量の関数補完とパラメーター プロンプトを備えたメモ帳は、JavaScript の最初の選択肢になりやすいです。コードエディタ。ただし、これはまだ包括的な JavaScript エディターではなく、コードを生成したり、リファクタリングなどの操作を実行したり、大規模なプロジェクト間を迅速に移動したりすることはできません。

公式 Web サイトのリンク: https://notepad-plus-plus.org/

ダウンロード アドレス: https://notepad-plus-plus.org/download/v7.3.3.html

BBEdit

BBEdit 11.0.3 は Mac 用の HTML のみのテキスト エディターで、約 35 のプログラミング言語とマークアップ言語をサポートしています。 、Community Edition は、BBEdit Web サイトを通じて他の多くの言語のサポートも提供します。ライセンス バージョンとコミュニティ バージョンの両方に構文の強調表示があり、ライセンス バージョンには、主に関数名、変数名、および少数のキーワードとタグに対するある程度のオートコンプリート機能もあります。ライセンス版は、Git、Perforce、Subversion のバージョン管理システムとも統合されています。

BBEdit 11 は製品を大幅に書き直したもので、このバージョンは以前より高速で、Ginormous ファイルも適切に処理できます。選択範囲または検索結果を新しいバッファにコピーする抽出機能と切り取り機能があります。 BBEdit は、Perl、Python、Ruby、および Shell スクリプトを編集および実行できるだけでなく、Perl および Python スクリプトの構文をチェックすることもできます。

BBEdit の HTML と Markdown のサポートは、実際には JavaScript のサポートよりも優れています。 BBEdit には 3 つのコマンド ライン ツールをインストールできます。1 つはエディター用、もう 1 つは差分エンジン用、そして最後の 1 つはマルチメディア検索用です。

公式 Web サイトのリンク: http://www.barebones.com/products/bbedit/

ダウンロード アドレス: https://s3.amazonaws.com/BBSW-download/BBEdit_11.6.6 dmg

TextMate

TextMate は主に MacBook で Ruby on Rails を書くために使用されていましたが、現在では TextMate の使用は少なくなりました。著名なと同時に、Sublime Text は徐々に人気を得ました。

TextMate は IDE ではありませんが、言語固有の IDE にはないパッケージ、スニペット、マクロ、スコープ システムなどの機能を提供します。 TextMate は、JavaScript および jQuery コードを迅速に生成するための優れたツール セットを提供する、シンプルな JavaScript および jQuery バンドルを提供するようになりました。 IDE のような機能については、TextMate のシェル統合バージョンを使用できますが、TextMate からのコード リファクタリング、自動化された単体テスト、または回帰テストは期待できません。 Grunt が正しく設定されている場合、TextMate は JavaScript テストを自動化できます。

TextMate には [バンドル] 設定タブがあり、そこから追加のバンドルをダウンロードしてインストールできます。バンドル ソースは実際には、GitHub リポジトリにある製品のソース コードです。

公式 Web サイトのリンク: http://macromates.com/

ダウンロード アドレス: http://macromates.com/download

Emacs

Emacs とその派生製品は、1970 年代初頭から MIT AI Lab から提供されました。 Emacs は TECO テキスト エディターのマクロとして始まり、徐々に独立した言語に発展しました。 MacOS にインストールされるデフォルトの Emacs はバージョン 22.1.1 であり、GUI サポートはありません。 XEmacs、Aquamacs (MacOS 用 GUI)、および新しい GNU Emacs バージョンを簡単にインストールできます。 Emacs は JavaScript エディタです。JavaScript 編集のデフォルト モードは js パッケージにあります。Emacs を使用すると、構文の強調表示とリンティングが向上します。

Emacs は js2 モード パッケージを使用し、ac-js2 オートコンプリートを使用します。 Emacs では、シリアル モードを使用して、ブラウザの JavaScript、HTML、および CSS をリアルタイムで操作できます。

公式ウェブサイトのリンク: https://emacsformacosx.com/

ダウンロードアドレス: https://emacsformacosx.com/emacs-builds/Emacs-25.2-universal.dmg

Vim（およびそのバリアント）

Vi (ビジュアル インターフェイス) は、もともと Bill Joy によって Unix 用に書かれたもので、1976 年以来、Ed から Ex まで徐々に進化してきました。 Vim は無料のオープンソースの Vi の改良版で、バージョン 7.3 は Mac OS X にデフォルトでインストールされます。

新しいバージョンの Vim、MacVim (MacOS 用 GUI)、またはお使いのプラットフォームで利用可能なものなら何でも簡単にインストールできます。 Vim は JavaScript エディターであり、その vim-plug readme ファイル内の提案は非常に優れています。

公式 Web サイトのリンク: http://www.vim.org/

ダウンロード アドレス: http://www.vim.org/download.php

# # Kinetic Wing

KineticWing は、すべての主要なオペレーティング システムで利用できる無料の軽量 IDE です。これは複雑な IDE ではなく、最新の機能を備えたスマート テキスト エディターに似ています。これらの機能には、Sass or Less (組み込みコンパイラを使用) のサポート、HTML5 および CSS3 のサポート、CoffeeScript のサポートが含まれます。

Code Mirror

CodeMirror は、JavaScript ベースのオンライン コード エディターです。特にコードの編集に使用され、より多くの機能を実現するための多数の言語モードが装備されています。高度な編集機能。 CodeMirror はリッチ テキスト エディターの補助製品ではなく、多くのよく知られたオンライン コード エディターの基本ライブラリです。

Ace

ACE は、JavaScript で書かれた埋め込み可能なコード エディターです。 Sublime、Vim、TextMate などの多くのローカル エディターに一致します。 ACE は Cloud9 ID のメイン エディタとして維持されており、Mozilla Skywriter プロジェクトの後継です。

Net Beans

NetBeans IDE は、Windows、Mac、Linux、Solaris 上で簡単に実行できる、受賞歴のある統合開発環境です。 NetBeans には、オープン ソースの開発環境とアプリケーション プラットフォームが含まれています。NetBeans IDE を使用すると、開発者は Java プラットフォームを使用して、Web、エンタープライズ、デスクトップ、およびモバイル アプリケーションを迅速に作成できます。NetBeans IDE は現在、PHP、Ruby、JavaScript、Ajax、Groovy、Grails および C/ C およびその他の開発言語。

Cloud 9

Cloud9 IDE は、Node.JS 上に構築された JavaScript プログラム開発 Web IDE です。 JS、HTML、CSS、およびこれらの混合のシェーディングをサポートする非常に高速なテキスト エディターを備えています。 Cloud9 IDE には、IDE 内で開始、一時停止、停止できる Node.js と Google Chrome 用のデバッガーも統合されているため、クラウド コンピューティング環境でコードをテストおよびデプロイできます。

Eclipse

Eclipse は、よく知られたクロスプラットフォームの無料統合開発環境 (IDE) です。当初は主に Java 言語の開発に使用されていましたが、現在ではプラグインを使用して C や Python などの他のコンピューター言語の開発ツールとして使用する人もいます。

Scripted

Scripted は、Web ブラウザーに基づいた高速で軽量な JavaScript コード エディターです。スクリプトは、Eclipse Orion のエディタ コンポーネントに基づいて VMware によって開発されました。これはローカルで動作し、コンテンツは Node.js Web サーバーによって提供されます。

【関連する推奨事項:

JavaScript ビデオ チュートリアル 、基本プログラミング ビデオ ]

以上がJavaScriptにどのエディタを使用しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。