ホームページ > 記事 > ウェブフロントエンド > Nodejsにはどのようなコンパイラを使用できますか?
#このチュートリアルの動作環境: Windows7 システム、nodejs バージョン 12.19.0、DELL G3 コンピューター。nodejs で利用可能なコンパイラー: 1. Visual Studio Code (Nodejs および ASP.Net 開発に使用できる無料の軽量エディターおよび IDE); 2. Nodejs を適切にサポートする Brackets; 3.アトム; 4. 崇高なテキストなど
nodejs 開発ツール
1、Visual Studio コード
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
2 , Brackets
Brackets は、Adobe が提供する無料のオープンソース エディターであり、JavaScript、HTML、CSS 用のより優れたツールと関連オープン ソース コードを提供することを目的としています。 。括弧自体は 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.msi3、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
4, Sublimeテキスト
超高速で動作し、コーディングのための他のウィンドウへの切り替えをサポートする、柔軟で強力かつ拡張可能なテキスト エディターが必要な場合は、検査、デバッグ、展開のために、 Sublime Text の使用を検討してください。ノード開発にはSublime Plusノードプラグインを使用できます。
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
その他のノード関連の知識nodejs チュートリアル にアクセスしてください!
以上がNodejsにはどのようなコンパイラを使用できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。