LoginSignup
16

More than 5 years have passed since last update.

Visual Studio 2015でNode.js開発環境を作る

Last updated at Posted at 2016-02-28

Visual Studio 2015でNode.jsアプリケーションの開発環境をさっと構築します。
Node.js Tools for Visual Studio 2015を使います。

前提

  1. Visual Studio 2015がインストールされている。
  2. Node.jsがインストールされていてPATHが通っている。

「Node.js Tools for Visual Studio 2015」のインストール

[ツール]→[拡張機能と更新プログラム]から、「Node.js Tools」とオンライン検索して、ダウンロードします。投稿時点の最新版は1.1です。
20160228-202242_0.JPG
一旦Visual Studioを閉じてから、インストーラを実行します。

Node.jsプロジェクトの作成

インストールが完了したら再度Visual Studioを立ち上げます。
[ファイル]→[新規作成]→[プロジェクト]にて、インストール済みテンプレート内に「Node.js」が追加されます。
Express用のテンプレートもありますが、ここではコンソールアプリケーションを作成してみます。
20160228-202650_0.JPG
コンソールアプリケーションではこんなプロジェクト構成になります。
app.jsがデフォルトエントリになってます。設定はpackage.jsonで行います。
20160228-203029_0.JPG
フォルダ構成的はこんな感じです。
.njsprojがプロジェクトテンプレートの拡張子となります。
20160228-211346_0.JPG

実行してみる

試しにF5キーを押して、実行してみましょう。Hello worldと表示されます。
20160228-202811_0.JPG

app.js
console.log('Hello world');

コーディングしてみる

Node.jsのprocessグローバルオブジェクトで標準入力を受けて、値を表示させてみます。

app.js
process.stdin.resume();
process.stdin.setEncoding('utf8');
process.stdin.on('data', function (chunk) {
    var a = chunk.trim();
    console.log(a + ' * ' + a + ' = ' + a*a);
});

インテリセンスもバッチリ効きます。
20160228-214116_0.JPG

デバッグしてみる

ブレークポイントの設定や変数の参照・更新もできます。
20160228-223302_0.JPG

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
16