工具與安裝

• Google Chrome , 建議增加的開發套件 Augury 擴充套件 ( 官網 )

• 使用 Git 之前的必要步驟, 設定識別資料

設定名稱 : git config --global user.name <名稱>
設定電子郵件: git config --global user.email <電子郵件>

檢查設定值，可使用 git config --list, windows 參數通常儲存於 C:\Users\$USER\.gitconfig.

• 指定編輯器 : git config --global core.editor "Z:\AkelPad\AkelPad.exe"

• 安裝 Git後，或許會想要自訂 Git 環境。 可以藉由再Git 附帶名為 git config 的工具，讓你能夠取得和設定組態參數。Git 各方面的參數被存放在下列三個地方：

    檔案 /etc/gitconfig：裡面包含該系統所有使用者和使用者倉儲的預設設定。 如果你傳遞 --system 參數給 git config，它就會明確地從這個檔案讀取或寫入設定。
    檔案 ~/.gitconfig、~/.config/git/config：你的帳號專用的設定。 只要你傳遞 --global，就會明確地讓 Git 從這個檔案讀取或寫入設定
    任何倉儲中 Git 資料夾的 config 檔案（位於 .git/config）：這個倉儲的專用設定。
每個層級的設定皆覆蓋先前的設定，所以在 .git/config 的設定優先權高於在 /etc/gitconfig 裡的設定。

• Visual Studio Code IDE開發工具, 可加裝Angular 擴充套件 Angular Extension Pack

安裝套件

Angular Language Service : 可以提示 js 內所建立相關變數供快速輸入
Angular 5 Snippets , Angular v5 Snippets-John , Bootstrap 4 & Font awesome snippets: 快速輸入
Debugger for Chrome :除錯環境

•  Node.js 開發伺服器, 驗證安裝結果: node -v 確認為 v6.9.0 以上版本. npm -v 確認為 v3.0.0 以上版本

若非自動安裝請記得增加 系統環境參數 設定
NODE_PATH = Z:\nodejs
path = %NODE_PATH%;%NODE_PATH%\node_modules;%NODE_PATH%\node_global

• 若要變更 npm 下載相關資料的預設目錄, 則先進行下作業

增加目錄 node_global, node_cache
參數設置
    npm config set prefix "Z:\nodejs\node_global"
    npm config set cache "Z:\nodejs\node_cache"

• 安裝 angular 兩項基本套件

npm install -g typescript
npm install -g @angular/cli

• 驗證 Angular CLI 執行, 依據下列步驟測試 Angular CLI 是否可以正常執行：
        開啟「命令提示字元」視窗 (Windows)
        建立 demo1 專案資料夾與 Angular 專案結構 (不建立單元測試程式碼)，執行下指令：
            ng new demo1 --routing --skip-tests
            這會建立 Angular 專案檔案並自動安裝所有 npm 相依套件！
        進入 demo1 目錄
            cd demo1
        啟動 Angular 開發伺服器
            npm start
    開啟瀏覽器，並連接到 http://localhost:4200/，畫面上只要出現 Welcome to app!!，就代表成功