Angualr2 - 使用 VS2015

使用 Vs 2015 快速上手 Angular2

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

這里介紹的內(nèi)容來自 Angular 2 官網(wǎng),項(xiàng)目使用 System.js 來加載 Angular 2,沒有使用打包工具來進(jìn)行打包,所以,在運(yùn)行時的頁面中會存在多個腳本引用。我們還可以使用打包工具打包,來使用 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ī)器上還沒有安裝 Node.Js,首先安裝 Node 和 NPM

打開終端窗口,分別使用 node -v 和 npm -v 命令來檢查你的 node 和 npm 版本。

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

第一步,下載快速啟動文件

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

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

網(wǎng)友評論