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
NodeJs开发环境搭建之Visual Studio Code(二)_第1张图片
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と起動ファイル.
NodeJs开发环境搭建之Visual Studio Code(二)_第2张图片
NodeJs开发环境搭建之Visual Studio Code(二)_第3张图片
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)を選択します.
NodeJs开发环境搭建之Visual Studio Code(二)_第4张图片
2.プロジェクト名を入力し、プロジェクトファイルとディレクトリを作成する
NodeJs开发环境搭建之Visual Studio Code(二)_第5张图片
3.作成結果は次のとおりです.プロジェクトにtypingsを自動的に導入するには、プロンプトのみが表示されます.
NodeJs开发环境搭建之Visual Studio Code(二)_第6张图片
詳細:
NodeJs開発環境構築のVisual Studioコード(一)
TypeScript開発環境構築-Visual Studioコード
VSコードインテリジェントヒント機能のTypings
NodeJsのインストールと環境変数の構成