ホーム > 未分類 > node.js + Visual Studio

node.js + Visual Studio


Live Writerの下書きフォルダーから発掘されたので投稿しておきます。

何かと話題のnode.jsですがここに来てちょっと周りで話題になっているので、開発のさわりだけ調査したメモです。

開発環境を作る

Node is Tools for Visual Studioってのが出たらしい(まだBeta2だけれど)ので、ここのInstallationを参考に入れてみます。

今回導入するNode Tools for Visual Studio のデモンストレーションビデオがYouTubeに有りました。ビデオは1.0Alpha時点のものなので、Beta2とはちょこちょこ違うところが有りますが、大まかに雰囲気が伝わります。⇒ overview – Node Tools for Visual Studio 1.0 Aplpha

1.Node.jsのランタイムをインストール

http://nodejs.org/に行ってINSTALLボタンからダウンロードしてインストールします。

2.Visual Studio 2012 or 2013のインストール

アドインとして動作するのでVisual StudioはPro以上。まぁ入ってますよね。VS 2010は残念。

あれ?InstallationのページにVisual Studio Express 2013 for Webは対象となっていますね。試していないけれど使えるらしいです。

3.Node is Tools for Visual Studioのインストール

https://nodejstools.codeplex.com/releases/view/119433で、2012または2013用のmsiをダウンロードしてインストールします。

4.インストール後の確認

表示→その他のウインドウ→Node.js Interractive Windowから、Visual StudioのウインドウとしてNode.jsのコンソールを表示して実行できます。インタラクティブウインドウでも関数を定義したり、インテリセンスが表示されているのが確認できますね。

image  image

プロジェクト(ソリューション)を作る

インストールが完了するとNode.js用のプロジェクトテンプレートが追加されます。

まずは、Webアプリケーション用のテンプレートから新しいプロジェクトを作成します。

image image

プロジェクトが作成されたらとりあえず実行してみましょう。Webサーバーになるプログラムがコマンドプロンプトで起動されWebブラウザーからそのURLにアクセスした結果が表示されます。

image

パッケージを追加でインストールする(Proxy環境下は設定が必要)

ソリューションエクスプローラーからは、npmを使って新しい機能をインストールすることができます。

image image

パッケージのインストールに成功すると、ソリューションエクスプローラーに追加したパッケージが表示されます。パッケージのプロパティーを確認するとrequireでライブラリーをロードする場合のパッケージ名なども確認することができます。

image

Proxy環境下ではパッケージ自体は見つかるんだけれど、Install Packageすると失敗するみたい。って場合は、ホームディレクトリー(%USERPROFILE%)にnmpの設定ファイルを用意してあげます。エクスプローラーからだとファイル名を入力しろとか言われるので、コマンドプロンプトからnotepad .npmrcとかで作ってあげましょう。

%USERPROFILE%\.npmrc

proxy = http://proxy.example.com:8080

インストールが完了すると、ソリューションエクスプローラーに組み込んだパッケージとそのバージョンが表示されます。

とりあえず、まずはここまで。

広告
カテゴリー:未分類
  1. まだコメントはありません。
  1. No trackbacks yet.

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

%d人のブロガーが「いいね」をつけました。