Angular環境搭建

目前Angular的最新版本是Angular4.0，所以我們搭建的環境是4.0版本的。
Angular官方給我們提供了一個命令列工具就是Angular CLI，通過這個工具我們能很容易的建立Angular專案。後期對專案的管理及構建等都是使用這麼命令列工具。

1.安裝nodejs

首先要安裝nodejs，如果你的電腦已經裝過了，最好確認是比較新的版本，否則可能會出問題。
沒有安裝的直接去nodejs官網下載nodejs安裝。安裝過程很簡單，官網有教程。
安裝完成後，開啟cmd
輸入node -v 看看安裝版本

說明安裝成功！

2.安裝cnmp

由於Angular CLi的一些資源被牆掉了，所以這裡我們使用淘寶的映象去下載安裝，否則會很慢並且很容易出問題。
淘寶映象：https://npm.taobao.org/
安裝淘寶映象，輸入 npm install -g cnpm –registry=https://registry.npm.taobao.org

之後安裝angular cli的時候我們就用cnpm命令即可。包括其他被牆的資源也可以用cnmp去下載安裝！

3.安裝Angular Cli

angular-cli github有詳細介紹。
之前電腦上如果安裝過angular cli老版本的話建議先解除安裝，然後重新安裝。

解除安裝老版本：

npm uninstall -g angular-cli
npm uninstall –save-dev angular-cli

解除安裝新版本：

npm uninstall -g @angular/cli

清除下快取

npm cache clean

然後開始安裝，記住，要用cnpm

cnpm install -g @angular/cli@latest

安裝需要時間，耐心等待。
安裝完成後輸入 ng help檢視是否安裝成功

出現上圖所示說明安裝成功了。

常用命令：
Angular CLI的命令關鍵字為 ng

ng help: 獲取相關命令資訊
ng new projectName: 新建一個Angular專案
ng serve: 編譯專案並執行，預設埠4200
ng generate [name] 在專案中建立新的程式碼，可以建立模組，元件等等，可簡寫ng g [name]建立一個nav元件:ng g component nav

4.建立專案

安裝完命令列工具後我們就可以建立Angular專案了。
首先，切換到專案的存放目錄，我的是在E盤的Angular資料夾下
輸入 ng new projectName
projectName就是你的專案名稱，例如，我建立一個Test專案

然後耐心等待，這裡會下載很多東西，所以不要著急

這就表示建立完成了

5執行專案

首先切換至專案目錄，然後執行ng serve命令

出現上圖所示表示專案執行成功了。預設是執行在4200埠上的。
開啟瀏覽器，輸入localhost:4200即可訪問。

這裡寫圖片描述

大功告成！一個Angular的專案就建立好了。下一篇部落格我們來詳細介紹下專案的目錄結構。