ホームページ > ウェブフロントエンド > jsチュートリアル > node.jsプラグインnodeclipseインストールグラフィックtutorial_node.js

node.jsプラグインnodeclipseインストールグラフィックtutorial_node.js

WBOY
リリース: 2016-05-16 15:01:53
オリジナル
2148 人が閲覧しました

Eclipse プラグインの中で最もよく知られているのは、nodeclipse プラグインです。この記事では、具体的な内容は次のとおりです。

nodeclipse をインストールします

1. [ツール] → [プラグインのインストール] → [Eclipse プラグイン マーケットを参照] → [node.js] を検索 → 以下に示すように検索結果で [nodeclipse] を見つけます


2. 上の図で「インストール」をクリックしてロードを開始します。ロード後、「次へ」をクリックして使用許諾契約に同意し、インストールが完了するまで待ちます。

3. インストールが完了したら、HBuilder を再起動します

4. 新しいノード プロジェクトを作成します。以下に示すように、メニューの [ファイル]→[新規作成]→[その他] をクリックします。


5. 作成したいnodejsプロジェクトタイプを選択し、新しいプロジェクトを作成します

6. jsファイル内のnode.jsをプロンプトします

注: nodeclipse のエディターは HBuilder のエディターとは異なります。ただし、node.js と web js の拡張子はどちらも .js です。js ファイルを開くときは、どの js エディターを使用して開くかを知っておく必要があります。
一般に、nodeclipse は後でインストールされるため、.js ファイルはデフォルトでノード エディターで開かれ、HBuilder の構文アシスタントはこのエディターではプロンプトされません。
開く方法を変更するには、プロジェクト マネージャーで js ファイルを右クリックし、[プログラムから開く] を選択して、開きたいエディターを選択します。
メニューで永続的なファイルの関連付けを設定したり、最もよく使用する開く方法を設定したりすることもできます。デフォルトでは、.js ファイルが HBuilder の js エディターで開かれるように設定し、node.js js ファイルを開くときに右クリックして、nodeclipse エディターを選択して開くことをお勧めします。

JSDT をインストールします
1. [ツール] → [プラグインのインストール] → [Eclipse プラグインを手動でインストール] をクリックし、以下に示すように [利用可能なソフトウェア サイト] をクリックします


2. indigo を確認します (注: 確認後、HBuilder は起動時にインストールされている indigo のプラグインがアップグレードされているかどうかを確認します。これにより、ソフトウェアの起動が遅すぎたり、起動後に長時間停止したりすることがあります。そのため、jdt をインストールした後、以下に示すように、このチェックボックスを再度オフにしてください

3. [OK] をクリックした後、以下に示すようにドロップダウン矢印をクリックして Indigo のサイトを選択し、読み込みを待ちます (このプロセスには少し時間がかかりますが、プロキシを設定すると読み込みが速くなります)


4. ロード後、以下に示すようにプログラミング言語を見つけます


5. 以下に示すように、プログラミング言語で JavaScript 開発ツールを確認します


6. [次へ] をクリックし、使用許諾契約に同意し、インストールが完了したら再起動します。

以上がこの記事の全内容です。皆様の学習のお役に立てれば幸いです。

史料のアーカイブ:
HBuilder6.3未満のバージョンにnodeclipseプラグインをインストールする方法は以下のとおりです。
前に、nodeclipse は jsdt に基づいており、HBuilder には jsdt が組み込まれていません。nodeclipse をインストールする場合は、まず jsdt プラグインをインストールする必要があります。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート