AngularJS2學習筆記 ——環境搭建(win7、vs2012)
時代在發展，沒有純粹的後端，想要高工資還是要多學習一個的。不廢話了，直奔主題。
AngularJS發展到現在已出到AngularJS4了。大致分為AngularJS1.x、AngularJS2、AngularJS4
AngularJS1.x 太久遠了，而且從AngularJS2版本開始，與AngularJS1.x是java 與 Javascripte的區別。
AngularJS2.0目前主流的，如果想學習就從這個版本開始。
AngularJS4 最新版本在2.0基礎上把動畫效果分離，其它功能的改進，建議先學2.0後再看4。
網上搜AngularJS2的環境搭建，有各種安裝方法，beta的、正式的，但是大部分的照著做了環境都搭建不了。今天體驗完環境搭建後把步驟和遇到的問題都總結下。
http://www.cnblogs.com/Gherardo/p/7375818.html 這個博主寫的搭建環境步驟很詳細，按步驟來可以基本上搭建完成。
1、node.js 安裝
Node.js安裝包及源碼下載地址為：https://nodejs.org/en/download/。
選Current和對應的操作系統，然後下載，安裝。附安裝流程：http://www.runoob.com/nodejs/nodejs-install-setup.html
安裝完成後，在命令行依次使用node -v 和 npm -v可以看到版本號。
目前安裝的node.js版本為9.0.0 ，npm的版本為5.5.1
2、安裝cnpm
npm需要連接谷歌服務器，國內不能正常使用，因此使用淘寶的鏡像安裝cnpm。命令行輸入npm i -g cnpm --registry=https://registry.npm.taobao.org
03、安裝Angular CLI
命令行輸入cnpm i -g @angular/cli。這個過程視網速決定，一般接杯水回來差不多了，慢的話可能會要10多分鐘。
04、cnpm設置為默認包管理工具
命令行輸入ng set --global packageManager=cnpm。
05、新建angular2工程
命令行輸入ng new myApp，在命令行所在目錄創建myApp工程。
cd 項目路徑,輸入 ng g component navbar。
這裏安裝的時候遇到個問題。
報這個問題的原因是 新建項目目錄下的的node_modules不完整，需要把node_modules整個文件刪除後，然後再重新下載node_modules，在項目路徑下執行安裝命令 ：npm install
在重新下載node_modules時會提示報錯 gyp ERR。
原因是node-gyp 在編譯時會調用VCBuild.exe，但是從vs2012版本之後是msbuild.exe作為編譯器（微軟還是一如既往的喜歡改名，改了也不和同行說下。）
解決：
將npm 的 msvs的編譯器設置為vs2012。
cmd執行：
npm config set msvs_version 2012 -global
如果這樣還是不行的話，編輯項目根目錄下的package.json文件中對AngularCli的依賴版本。
把1.5.0改為1.2.6（這個方法沒試過，不知道可行與否，但還是寫下來，如果重新安裝node_modules無效，可以嘗試這個方法）
08、啟動工程
命令行進入工程目錄cd myApp，輸入ng serve 即可啟動服務。
默認的監聽端口為4200，在瀏覽器訪問http://localhost:4200，可看到創建的網頁，
如果需要更改端口號，可以在啟動的時候設置ng serve --port 3000 這時候訪問的時候就用瀏覽器訪問http://localhost:3000
註意：如果想結束工程服務，可以使用ctrl+c 來選擇是否結束。
之後會把在win10、vs2015環境下搭建AngularJS2的步驟發出來。
AngularJS2學習筆記 ——環境搭建(win7、vs2012)