NodeJs開発環境構築のVisual Studioコード(二)
3603 ワード
Visual Studioコードを使用してNodeを開発する.Js
現在Vsコードに内蔵されているNodeJsが開発した多くの機能
この文書では、すでにインストールされているNodeJsを想定します.詳細は、次のとおりです.http://blog.csdn.net/u011127019/article/details/56673123
一、Vscodeを使用してHello Worldプロジェクトを作成する
1.プロジェクトディレクトリとしてフォルダを作成し、npm initを使用してNodeJsのプロファイルpackageを作成する.json
2.サービス側コードを作成し、サービス傍受を開始する
マウスの右ボタンRun Code、起動プログラム、コンソールの右ボタンStop Code Runでプログラムを終了します.詳細:http://blog.csdn.net/u011127019/article/details/56673123
3.デバッグ設定の構成、デバッグ構成の追加
特に、構成を追加しない場合は、デバッグを開始するたびにNodeJs環境を選択する必要があります.
構成を追加すると、デバッグを開始するときにlaunchが自動的に選択されます.jsonで指定したタイプtypeと起動ファイル.
4.インテリジェントヒントVSコードにはNodeJsのヒントが内蔵されています.更新バージョンを使用するか、サードパーティ製ライブラリを使用する場合はヒントを使用します.
typingsツールを使用する必要があります.詳細は、次のとおりです.http://blog.csdn.net/u011127019/article/details/56671511
二、VsコードベースのEgret Wingエディタを使用して、
このエディタには、一般的な開発テンプレートが内蔵されており、プロジェクトをより簡単に初期化できます.
公式サイトのアドレス:https://www.egret.com/products/wing.html
まずEgret Wingエディタをインストールします
1.NodeJsを作成するJavascriptアイテムは以下の通りです.新規アイテムをクリックし、Node Jsアイテム(JavaScript)を選択します.
2.プロジェクト名を入力し、プロジェクトファイルとディレクトリを作成する
3.作成結果は次のとおりです.プロジェクトにtypingsを自動的に導入するには、プロンプトのみが表示されます.
詳細:
NodeJs開発環境構築のVisual Studioコード(一)
TypeScript開発環境構築-Visual Studioコード
VSコードインテリジェントヒント機能のTypings
NodeJsのインストールと環境変数の構成
現在Vsコードに内蔵されているNodeJsが開発した多くの機能
この文書では、すでにインストールされているNodeJsを想定します.詳細は、次のとおりです.http://blog.csdn.net/u011127019/article/details/56673123
一、Vscodeを使用してHello Worldプロジェクトを作成する
1.プロジェクトディレクトリとしてフォルダを作成し、npm initを使用してNodeJsのプロファイルpackageを作成する.json

2.サービス側コードを作成し、サービス傍受を開始する
var http=require('http');
http.createServer(function(req,res){
res.writeHead(200,{'Content-Type':'text/plain'});
res.end('hello node.js');
}).listen(3000,'localhost',function(){
console.log('Server running at http://localhost:3000');
});
マウスの右ボタンRun Code、起動プログラム、コンソールの右ボタンStop Code Runでプログラムを終了します.詳細:http://blog.csdn.net/u011127019/article/details/56673123
3.デバッグ設定の構成、デバッグ構成の追加
特に、構成を追加しない場合は、デバッグを開始するたびにNodeJs環境を選択する必要があります.
構成を追加すると、デバッグを開始するときにlaunchが自動的に選択されます.jsonで指定したタイプtypeと起動ファイル.


4.インテリジェントヒントVSコードにはNodeJsのヒントが内蔵されています.更新バージョンを使用するか、サードパーティ製ライブラリを使用する場合はヒントを使用します.
typingsツールを使用する必要があります.詳細は、次のとおりです.http://blog.csdn.net/u011127019/article/details/56671511
二、VsコードベースのEgret Wingエディタを使用して、
このエディタには、一般的な開発テンプレートが内蔵されており、プロジェクトをより簡単に初期化できます.
公式サイトのアドレス:https://www.egret.com/products/wing.html
まずEgret Wingエディタをインストールします
1.NodeJsを作成するJavascriptアイテムは以下の通りです.新規アイテムをクリックし、Node Jsアイテム(JavaScript)を選択します.

2.プロジェクト名を入力し、プロジェクトファイルとディレクトリを作成する

3.作成結果は次のとおりです.プロジェクトにtypingsを自動的に導入するには、プロンプトのみが表示されます.

詳細:
NodeJs開発環境構築のVisual Studioコード(一)
TypeScript開発環境構築-Visual Studioコード
VSコードインテリジェントヒント機能のTypings
NodeJsのインストールと環境変数の構成