TypeScript を使った Node.js の開発環境 (Professional版)

![Node.js](http://nodejs.org/images/logos/nodejs.png "Node.js")
![TypeScript](http://www.typescriptlang.org/content/images/logo_small.png "TypeScript")

Visual Studio Professional 2013 以上で TypeScript を使った Node.js の開発環境が構築できます。
Visual Studio 2013(Professional/Premium/Ultimate)は、[こちら](http://www.visualstudio.com/ja-jp/downloads/download-visual-studio-vs.aspx)から90日間無償評価版がダウンロードできます。

#1. Windows OS のバージョンを確認します。
サポートされる OS を以下に挙げます(Windows Server 系を除きます)。

|OS          |サービスパック          | x86/x64               |
|:----------:|:----------------------|:----------------------|
|Windows 7   |Service Pack 1 (SP1) 　|x86 および x64          |
|Windows 8   |                       |x86 および x64          |
|Windows 8.1 |                       |x86 および x64          |

#2. Windows 7 Service Pack 1 をインストールします。
Windows 7 で Service Pack 1 が入ってない場合は Service Pack 1 をインストールします。
Windows 8 および Windows 8.1 の場合は 4. に進みます。
   【Windows 7 Service Pack 1 (SP1) をインストールする方法】
    　⇒ http://windows.microsoft.com/ja-jp/windows7/learn-how-to-install-windows-7-service-pack-1-sp1
> Windows 7 SP1 がすでにインストールされているかどうかを調べる方法もこちらのサイトで解説されています。

#3. Internet Explorer 11 をインストールします(Windows 7 のみ)。
Windows 7 で [Internet Explorer のバージョンが 10 より下の場合](http://www.microsoft.com/ja-jp/security/pc-security/ver_ie.aspx)は Internet Explorer 11 をインストールします。
   【Internet Explorer 11 のダウンロード】
    　⇒ http://windows.microsoft.com/ja-jp/internet-explorer/ie-11-worldwide-languages

#4. Visual Studio Professional (または Premium/Ultimate) 2013 をインストールします。
> Visual Studio Express 2013 for Web は、Web Essentials 2013 がインストールできないため、Professional / Premium / Ultimate でお願いします。

   【Visual Studio 2013 90日間無償評価版】
    　⇒ http://www.visualstudio.com/ja-jp/downloads/download-visual-studio-vs.aspx

#5. 「Visual Studio 2013 Update 2 RC」をインストールします。
   【ダウンロードサイト】
    　⇒ http://www.microsoft.com/ja-jp/download/details.aspx?id=42307

#6. 「Web Essentials 2013 for Update 2 RC」をインストールします。
   【ダウンロードサイト】
    　⇒ http://visualstudiogallery.msdn.microsoft.com/56633663-6799-41d7-9df7-0f2a504ca361

#7. Node.js をインストールします。
　　以下のダウンロードサイトから「Windows Installer (.msi)」をダウンロードします。
　　32-bit または 64-bit は OS に合わせてください。インストールオプションはデフォルトのままでお願いします。
   【ダウンロードサイト】
    　⇒ http://nodejs.org/download/
![2014-0512-1700.png](https://qiita-image-store.s3.amazonaws.com/0/32879/19e7eab1-8cc9-5622-caeb-831586e38c35.png)

![2014-0512-1346.png](https://qiita-image-store.s3.amazonaws.com/0/32879/17cae8fa-ccbd-de1b-194c-27266c76be48.png)

#8. Node.js Tools for Visual Studio (ベータ版)をインストールします。
   【ダウンロードサイト】
    　⇒ https://nodejstools.codeplex.com/
![2014-0512-2313.png](https://qiita-image-store.s3.amazonaws.com/0/32879/772b85aa-4613-5aa9-876e-2657b92dd7f9.png)

以上で開発環境が完成しました。
使い方はまた今度～。

# スクリーンショット

![2014-0511-1825.png](https://qiita-image-store.s3.amazonaws.com/0/32879/7892d96e-3fca-f35b-e0fe-b96d8bb95dee.png)

* 左側の画面で TypeScript を編集して保存するたびに自動的にコンパイルが走って右側の画面に生成された JavaScript のコードが読み込まれて表示されます。

* 左側の画面で行を選択した上で F9 を押すと TypeScript のソース上にブレークポイントを設定することができます。

![2014-0505-2229.png](https://qiita-image-store.s3.amazonaws.com/0/32879/8793ab2d-aa2a-c428-9762-5d83b08af0bf.png)

![2014-0505-2320.png](https://qiita-image-store.s3.amazonaws.com/0/32879/eaeebcc8-4b3e-f631-bc81-e86599404472.png)

![2014-0511-1846.png](https://qiita-image-store.s3.amazonaws.com/0/32879/43923812-868a-fd3b-69f7-4e5c38f2b0fd.png)