主要摘自：http://www.runoob.com/angularjs2/angularjs2-typescript-setup.html

http://blog.csdn.net/lgpwwa/article/details/51788035

?

開始嘗試的時候npm install一直不能正常生成modules文件內的東東，后來試了多次才知道，大概是因為服務器訪問的問題，官網的鏡像訪問太慢或者不能訪問，導致不能正常下載鏡像，使用類似代理服務的東東（當然代理還有多種方式，我只嘗試了這一種），使用淘寶的鏡像，直接在命令行運行：

npm install -g cnpm --registry=https://registry.npm.taobao.org 之后就可以一直?cnpm 命令來安裝模塊.

首先是四個文件的創建：

創建目錄

$ mkdir angular-quickstart $ cd angular-quickstart

創建配置文件

Angular 項目需要以下幾個配置文件：

• package.json?標記本項目所需的 npm 依賴包。
• tsconfig.json?定義了 TypeScript 編譯器如何從項目源文件生成 JavaScript 代碼。
• typings.json為那些 TypeScript 編譯器無法識別的庫提供了額外的定義文件。
• systemjs.config.js?為模塊加載器提供了該到哪里查找應用模塊的信息，并注冊了所有必備的依賴包。 它還包括文檔中后面的例子需要用到的包。a

在 angular-quickstart 中創建以下幾個文件，代碼如下所示：

package.json 文件：

{ "name": "angular-quickstart", "version": "1.0.0", "scripts": { "start": "tsc && concurrently \"npm run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install", "tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, "license": "ISC", "dependencies": { "@angular/common": "2.0.0", "@angular/compiler": "2.0.0", "@angular/core": "2.0.0", "@angular/forms": "2.0.0", "@angular/http": "2.0.0", "@angular/platform-browser": "2.0.0", "@angular/platform-browser-dynamic": "2.0.0", "@angular/router": "3.0.0", "@angular/upgrade": "2.0.0", "core-js": "^2.4.1", "reflect-metadata": "^0.1.3", "rxjs": "5.0.0-beta.12", "systemjs": "0.19.27", "zone.js": "^0.6.23", "angular2-in-memory-web-api": "0.0.20", "bootstrap": "^3.3.6" }, "devDependencies": { "concurrently": "^2.2.0", "lite-server"

轉載于:https://www.cnblogs.com/tonymin/p/6657848.html

總結

以上是生活随笔為你收集整理的angular2安装笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。