AngularJS2快起起步

前言
忽然看到ng2已經出來穩定版了。本以爲ng2是ng1的升級版，誰想裏面變化已經面目全非。
如果你之前沒有接觸過TypeScript和NPM,你可以簡單的搜索下相關的知識，科普下不必做深入的學習。
關於NPM的安裝你可以下載Nodejs的安裝包，新版本的nodejs已經將NPM打包在其內了。這裏提供地址：https://nodejs.org/en/
在安裝完成後你可以cmd測試下:

接着下載ng給我們準備的簡單教程實例 quickstart：

git clone https://github.com/angular/quickstart.git

如果你不熟悉git其實也沒有關係，直接複製地址到瀏覽器裏回車

直接下載Zip的壓縮文件也可以。
然後啓動命令行cmd到解壓後的根目錄下
執行

npm install

這裏不得不提醒一句，由於我們偉大的牆存在，npm需要添加淘寶的鏡像地址。或者你用vpn也是可以的。當然你也可以採用我用的辦法。
找到我們nodejs安裝下的npm的相關目錄

找到npmrc文件

添加鏡像

registry = https://registry.npm.taobao.org

安裝完成ng2所需要的node_modules輸入

npm start

在瀏覽器輸入：http://localhost:3000
你將看到

這時起步的例子已經完成。

接下來我們看下這個例子的相關結構

注意/app目錄中以下三個 TypeScript (.ts) 文件：

- -app
- - - -app.component.ts
- - - -app.module.ts
- - - -main.ts

ng至少有這幾個核心文件。每個文件都有獨特的用途，並且隨着應用的成長各自獨立演變。
app.component.ts：它是根組件，隨着應用的演變，它將變成一顆嵌套組件樹。
app.module.ts： 目前，它只聲明瞭AppComponent。 不久，它將聲明更多組件。
main.ts： 即編譯器用編譯應用並且在瀏覽器中啓動並運行應用。