調整 VS code+Angular 4～紀錄

調整 VS code 能正常執行終端機

1. 先開啟命令提示字元(Windows 終端機)
2. 在上面外框上，按滑鼠右鍵，選內容，選項處勾選[使用舊版主控台]
3. VScode => 檔案 => 喜好設定 => 設定 => 設定選項的值為terminal.integrated.shell.windows: "cmd.exe",
4. 按 Ctrl + ` 就可以叫出終端機了，還可以下 ng 指令喔。

• 需安裝 npm install -g @angular/cli@latest

建立新專案

1. 開啟終端機
2. 於網頁目錄下指令 c:\htdocs>ng new [專案名稱]
3. 就會建立一個 [專案目錄]，並且安裝相關的 angular 4 模組
4. 於 [專案目錄] 底下，下指令 >ng -v 會顯示已安裝的 angular 4 模組版本

• 接下來於 VScode 按 Ctrl + O 就可以開啟目錄選擇視窗，選擇專案的目錄，就可以切換工作的目錄了。

安裝 Angular 4

1. 安裝 nvm-winodws ( node.js windows 版的版本管理器)
2. 使用 nvm 安裝 node.js (>nvm list available，>nvm install 6.10.3)，LTS穩定的版本號碼
3.  啟用版本管理 (>nvm on)
4.  查詢版本號碼 (>nvm -v，>node -v，>npm -v，>tsc -v)
5.  更新 npm 3.10.10 到 5.0.0 (>npm -g install npm)
6.  驗證 npm cache 是否正確 (>npm cache verify)
7.  安裝 Angular 4 

• npm install -g @angular/cli@latest
• ng new sas (建立 angular 4 的專案)
• 在專案目錄底下執行下面更新：
• ng -v (@angular/cli: 1.0.6)

• npm install @angular/common@latest @angular/compiler@latest @angular/compiler-cli@latest @angular/core@latest @angular/forms@latest @angular/http@latest @angular/platform-browser@latest @angular/platform-browser-dynamic@latest @angular/platform-server@latest @angular/router@latest @angular/animations@latest typescript@latest --save

• (上面指令會多了 @angular/animations: 4.1.3，@angular/platform-server: 4.1.3)

• npm -g install typescript

========================================================================

小技巧

終端機：

• rmdir sas /s                                       //刪除 sas 目錄，含底下的所有子目錄與檔案