開發Angluar2，需要安裝NodeJS和npm、angular-cli，以及TypeScript集成開發工具(IDE)。
安裝NodeJS和npm
1、npm是隨同NodeJS一起安裝的包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種：
允許用戶從npm服務器下載別人編寫的第三方包到本地使用。
允許用戶從npm服務器下載並安裝別人編寫的命令行程序到本地使用。
允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。
2、新版的NodeJS已集成npm，因此安裝NodeJS後npm也一併安裝好了。從https://www.npmjs.com/下載NodeJs安裝程序(node-v8.11.2-x64.msi)
安裝完成後，通過開始菜單點擊【Node.js command prompt】，會提示已自動設置NodeJS環境變量，然後輸入 "npm -v" 來測試是否安裝成功：
$ npm -v
2.3.0
PS: 首次安裝後，若不通過開始菜單點擊【Node.js command prompt】，直接在cmd窗口輸入npm命令會提示找不到命令。
3、使用npm命令安裝模塊
語法格式： npm install <Module Name>
安裝TypeScript（可選）
> npm install -g typescript
好像只安裝Angular-CLI不安裝TypeScript也沒問題，可以用Angular-CLI命令替代，不過最好安裝上。
安裝後可以通過tsc命令編譯TypeScript源碼。
> tsc -v
安裝Angular-CLI
Angular-CLI 是 Google Angular 核心團隊提供的開發工具，集成了大量的 NodeJS 模塊，例如：webpack，karma，asmine，typescript 編譯器等。只要一條命令就能幫你自動創建項目的目錄結構、自動生成 Component 骨架代碼，並自動添加依賴、熱加載代碼等。
1、使用npm命令安裝angular-cli
> npm install -g angular-cli
上述命令默認從官方下載，可以利用淘寶鏡像安裝angular-cli：
> npm install -g angular-cli –registry=https://registry.npm.taobao.org
如果之前安裝失敗過，在安裝angular-cli之前最好先卸載乾淨：
> npm uninstall -g angular-cli
> npm cache clean
2、測試是否安裝成功.
> ng -v
...
angular-cli: 1.0.0-bata.28.3
...
3、通過 Angular CLI 的 help 命令來獲取相關的命令信息.
> ng help
將npm設置爲淘寶（可選）
> npm config set registry http://registry.npm.taobao.org
安裝完成後使用cnpm來代替npm命令即可。
安裝typings（可選）
> npm install -g typings
用途：爲js提供智能感知。
創建HelloWorld應用
1、創建angular2工程
...... 命令格式：ng new <project-name> [options]
...... 打開F:\allDemoCodeAndDoc\code\angular2目錄，在地址欄輸入cmd，這樣命令行直接切換到當前路徑
...... 新建一個angular2工程(整個過程可能要持續幾分鐘)：
> ng new helloworld
完成後，會在angular2目錄下生成一個helloworld目錄以及angular2工程相關文件。
其中，tsconfig.json是項目配置文件，指定了使用的es庫和構建輸出目錄。
...... 開發代碼時只需要在生成的app目錄修改或增加對應文件，外層目錄其它自動生成的文件一般不需要修改。
app下默認生成有應用對應的幾個文件：模塊、組件、組件模板文件、css樣式等。
2、啓動ng web服務器
> cd helloworld
> ng serve
...... 必須先切換到工程目錄，再啓動服務，啓動服務過程中會先編譯工程，因此過程有點慢。
...... 也可以自定義配置 IP、端口和實時重載端口號
> ng serve --host 0.0.0.0 --port 4201 --live-reload-port 49153
...... 在瀏覽器中打開默認地址 http://localhost:4200，顯示app works!，證明測試應用成功了。
3、顯示內容爲HelloWorld
...... 組件是具有模板的控制器類，主要處理頁面上的應用程序和邏輯的視圖。組件包含兩個重要的事情: 一個是視圖，另一個是一些邏輯。
...... 第二步顯示的是app.component.html模板文件中的插值表達式{{title}}的值，現在將其內容顯示爲HelloWorld，只需要修改src\app\app.component.ts
組件AppComponent方法，將其返回值修改爲HelloWorld，無需重啓ng服務器，頁面會自動刷新顯示爲修改後的值。
4、使用ctrl+C快捷鍵退出ng服務器
5、構建工程
...... 生產環境構建(指定生產環境prod參數，--target=xxx可省，貌似沒啥用)
> ng build --target=production --environment=prod
...... 開發環境構建(指定開發dev參數，--target=xxx可省，貌似沒啥用)
> ng build --target=development --environment=dev
...... 構建並壓縮js文件
> ng build --prod --build-optimizer
> ng build --dev --build-optimizer
...... --environment=可簡寫爲--
> ng build --prod
> ng build --dev
...... 構建後的文件放在/dist目錄中，生成的文件就是最終可部署到jetty等應用服務器的前端html、js、css...文件。
創建工程生成的文件內容說明
...... package.json中，dependencies 是運行時所需要的依賴，devDependencies 是開發時所需要的依賴，@angular 是 Angular 的核心庫，Angular2 將它
分成了很多包，這樣方便開發者靈活的按需引入。
rxjs、zone.js等是爲 Angular 提供核心功能支持。
...... tsconfig.json用於配置將TypeScript 編譯成 ES5 的參數。
...... app.module.ts是整個應用程序的入口。
安裝和使用Angular2 IDE工具(推薦)
WebStorm是開發Angular2應用理想的開發工具，用來管理代碼結構，並支持TypeScript語法高亮和提升補全等功能，不過要收費因此拋棄使用。
Atom也可用於開發Angular2應用，是github推出的開源軟件，支持typescript語言高亮、代碼提示和自動補全等功能，因此考慮使用該軟件開發。
1、安裝Atom
...... 從https://atom.io官網下載AtomSetup-x64.exe。
2、安裝Atom-typescript 插件
...... 下載安裝後，軟件主界面【Install Packages】- 【Open Installer】按鈕，在彈出的面板內輸入typescript，選擇安裝搜索結果中的 Atom-typescript 插件。
安裝完成後，會在【Packages】菜單下掛出Typescript二級菜單。
3、安裝atom-beautify插件
...... 類似第2步操作方法，安裝atom-beautify，然後通過快捷鍵ctrl+alt+b即可對代碼進行格式化，排版更好看。
4、打開工程
...... 軟件主界面【Open Project】打開已存在的工程，雙擊左側文件目錄樹的文件，若提示需要安裝atom-typescript依賴，按提示安裝依賴即可。
安裝和使用Eclipse TypeScript插件(不太好用，不推薦)
...... 對於習慣使用eclipse開發的人來說，也可以通過安裝Eclipse TypeScript Plug-in來開發Typescript應用。
...... 在更新插件【Add】窗口輸入http://eclipse-update.palantir.com/eclipse-typescript地址更新插件，更新完成後會提示重啓eclipse。
...... 在左側工程面板右鍵一個web工程，然後選中工程名並右鍵 -> Configure -> Enable TypeScript Builder。