1. 安裝node
官網地址：http://nodejs.cn/
安裝完成後，在命令列工具輸入 node –v 可驗證是否安裝成功

2. 配置淘寶映象源
從國外伺服器下載ng4和依賴包很慢，通過配置淘寶映象源可以提高下載速度。
開啟命令列工具輸入：

npm config set registry https://registry.npm.taobao.org

配置完成後可通過npm config get registry驗證是否配置成功

3. 安裝cnpm
個別外掛（比如node-sass）即使用淘寶映象源也無法正常下載，需要用cnpm工具。
（cnpm僅在無法安裝時才使用，正常均使用npm，否則會有意想不到的bug）
開啟命令列工具輸入：

npm install -g cnpm

安裝完成後可通過cnpm -v驗證是否安裝成功

4. 安裝angular4腳手架工具
開啟命令列工具輸入：

npm install –g @angular/cli

安裝完成後可通過ng -v驗證是否安裝成功

5. 安裝專案依賴包
命令列工具進入專案根目錄，輸入：

npm install

該過程會較慢。一般情況下node-sass 會安裝失敗，這時用cnpm單獨安裝node-sass :

cnpm install node-sass

6. 啟動專案
命令列工具進入專案根目錄，輸入：

npm start   //或者 ng serve
 

7. 配置chrome瀏覽器，解決跨域
若專案伺服器地址非本機，需要解決跨域問題，在本機啟動服務的可跳過。
專案伺服器地址可在專案目錄下的 src/ environments/ environment.ts 檢視和修改。
步驟：
1) 在電腦上新建目錄，例如：D:\MyChromeDevUserData；
2) 右擊chrome瀏覽器快捷方式，開啟屬性頁面，在目標輸入框的最後加上

 --disable-web-security --user-data-dir=D:\MyChromeDevUserData

–user-data-dir的值就是剛才的目錄，注意在–disable前面有一個空格

8. 開啟頁面
開啟配置好的chrome快捷方式，專案訪問地址為

localhost:4200