一、安裝node.js執行環境，安裝NPM包管理工具（安裝node執行環境時會附帶NPM包管理工具）

1、進入(https://nodejs.org/en/download/)下載 LTS6.10.0+ Window 64bit .msi 檔案 （ps:目前公司開發環境Node版本是，可以使用Nvm管理工具管理Node的版本問題，可以實現電腦上面安裝多個Node的版本）

2、執行下載好的 Window 64bit .msi 安裝檔案（一路點選Next預設安裝即可）

3.檢視Node版本和Npm版本
（1）、檢視已安裝Node版本： node -v
（2）、檢視Npm版本： npm -v

二、切換npm的預設源為淘寶映象

1、檢視當前npm源 npm config get registry ,預設為 https://registry.npmjs.org/ (源即為執行 npm install 時預設從哪個倉庫拉取npm包)

2、修改npm源（以下方式三選一）
（1）、通過config命令，執行 window+R 鍵，輸入cmd開啟Window的Dos命令框，輸入 npm config set registry https://registry.npm.taobao.org
（2）、命令列指定，執行 window+R 鍵，輸入cmd開啟Window的Dos命令框，輸入 npm --registry https://registry.npm.taobao.org info underscore

（3）、編輯 ~/.npmrc 檔案並加入下面內容，開啟檔案資源管理器，在 C:/Users/電腦名 路徑下即可找到 ~/.npmrc ，開啟 ~/.npmrc 替換 registry = https://registry.npm.taobao.org

三、安裝angular-cli腳手架工具

1、執行 npm install -g @angular/cli 全域性安裝angular-cli腳手架工具，使用 ng -v 成功查詢到angular-cli腳手架的版本號即為安裝成功，更多ng腳手架操作請執行 ng help

四、使用angular-cli腳手架初始化專案

1、進入到準備存放專案的資料夾，使用 shift+滑鼠右鍵

彈出提示框，選擇 在此處開啟命令視窗 (或者 W鍵+Enter鍵) 彈出Window Dos命令框

2、在Dos命令框裡面輸入 ng new 專案名稱 即可下載使用腳手架開發專案的基本模板

3、cd 進入下載的專案資料夾，執行 npm install 安裝專案的依賴包

4、等待專案依賴包安裝完畢，執行 ng serve 即可用啟動專案

5、專案開發完畢後可使用 ng build 打包專案(angular4+版本預設是使用–aot編譯，angular2版本要使用 ng build --aot --prod)

五、安裝node-sass包（此步驟為可選，當你想在本地編譯sass檔案或者專案元件中使用.sass檔案編寫樣式檔案須安裝此npm包）

1.由於直接執行 npm install -g node-sass 命令安裝node-sass包肯定會失敗，所以你有如下幾種解決辦法
（1）、翻牆下載，確保你的電腦網路是翻牆的狀態下執行 npm install -g node-sass
（2）、使用node-sass離線安裝包離線安裝node-sass包

六、你可能會遇到的安裝失敗情況及其解決辦法

1.node-sass安裝失敗（node-sass需要前置c++環境，node-sass被牆）
（1）、由於angular4.0專案依賴裡面取消了對node-sass的預設依賴，所以使用 npm install 安裝專案依賴的時候不會報錯

（2）、如果專案元件中需要使用.scss檔案，你需要安裝node-sass包

（3）、安裝node-sass的依賴環境（主要是依賴的c++環境），在window Dos命令框輸入 npm install --global --production windows-build-tools

（4）、翻牆下載：網路翻牆之後，開啟Window Dos命令框，輸入 npm install -g node-sass，使用node-sass -v可以檢視node-sass的版本即為下載成功，反之則為失敗

（5）、如果你不能翻牆則採用這種辦法，下載node-sass離線包（win32-x64-51_binding.node，x64-48版本以上都行），開啟window檔案資源管理器，找到 C:/Users /window使用者名稱/AppData/Roaming/npm-cache/node-sass/4.5.3(node-sass版本號) 資料夾，刪除裡面的package資料夾和package.tgz檔案，然後放入win32-x64-51_binding.node檔案，然後開啟window Dos命令框輸入 npm install -g node-sass 全域性安裝node-sass包，腳手架生成的專案也需要使用 npm install node-sass安裝專案的node-sass依賴包，使用node-sass -v可以檢視node-sass的版本即為下載成功，反之則為失敗（ps：解釋一下為什麼需要全域性安裝和專案安裝，全域性安裝是為了使用node-sass命令編譯靜態資源裡面的.scss檔案為.css檔案，專案安裝是因為你專案元件裡面使用.scss檔案，則需要安裝專案的sass編譯環境，也就是說專案打包編譯時並不會主動去全域性找node-sass包編譯.scss檔案）