Angualr2 - 使用 VS2015

使用 Vs 2015 快速上手 Angular2

 許多程序員希望能夠使用 VS2015 作為 IDE 來(lái)開(kāi)發(fā) Angular 2 應(yīng)用，這里介紹如何設(shè)置 VS2015，使用快速上手文件來(lái)搭建 ASP.NET 4.x 項(xiàng)目。

這里介紹的內(nèi)容來(lái)自 Angular 2 官網(wǎng)，項(xiàng)目使用 System.js 來(lái)加載 Angular 2,沒(méi)有使用打包工具來(lái)進(jìn)行打包，所以，在運(yùn)行時(shí)的頁(yè)面中會(huì)存在多個(gè)腳本引用。我們還可以使用打包工具打包，來(lái)使用 Angular 2.

ASP.NET 4.x Project

搭建的步驟如下所示:

  • Prerequisite: 安裝 Node.js
  • Step 1: 下載快速上手文件
  • Step 2: 設(shè)置 Visual Studio 中的 TypeScript
  • Step 3: 創(chuàng)建 Visual Studio ASP.NET 項(xiàng)目
  • Step 4: 將快速上手文件復(fù)制到 ASP.NET 項(xiàng)目文件夾
  • Step 5: 恢復(fù)需要的包文件
  • Step 6: 編輯 TypeScript 配置文件
  • Step 7: 編譯和運(yùn)行

 前置條件

如果你的機(jī)器上還沒(méi)有安裝 Node.Js，首先安裝 Node 和 NPM

打開(kāi)終端窗口，分別使用 node -v 和 npm -v 命令來(lái)檢查你的 node 和 npm 版本。

確認(rèn) node 的版本是 4.4.x - 5.x.x 和 3.x.x

第一步，下載快速啟動(dòng)文件

從 Github 下載 Quick Start 文件, 也可以直接從這里下載壓縮包，如果是 zip 文件，解壓它。

第二步，設(shè)置 Visual Studio 中的 TypeScript