配置Angular運行環境並創建一個簡單的Angular
要編寫和運行Angular程序，需要配置環境，需要安裝node.js、angular-cli包、git、一個IDE工具（這裡根據自己的喜好，這裡用的webstrom）
1. 配置Angular運行環境
安裝nodeJS，官網下載自己系統對應版本
下載地址：
https://nodejs.org/en/download/
下載完成後安裝到自己需要保存的目錄 然後CMD 驗證安裝是否成功
node -v 驗證是否安裝成功
Nodejs 會集成安裝npm 測試npm是否安裝成功
npm -v 驗證是否安裝成功
安裝ts
CMD 命令窗口輸入命令行：npm install -g typescript
tsc -v 驗證是否安裝成功
安裝cli
CMD 命令窗口輸入命令行：npm install -g @angular/cli
ng -v 驗證是否安裝成功
2. 命令創建項目
這裡是windows環境，打開cmd,cd 到需要創建工程的目錄，ng new 項目名稱 這裡下載資源的時候可能比較慢，因為網站在國外，有兩種方法，一種是科學上網，一種是cnpm install 這裡就不詳述了
這裡是根據Angular5高級編程這本書進行學習的，這本說CSS 是基於BootStrap CSS 做的，所以需要在package.json文件中添加BootStrap CSS 的包 : "bootstrap": "4.0.0-alpha.4"
<code>"dependencies"
: {"@angular/animations"
:"~7.2.0"
,"@angular/common"
:"~7.2.0"
,"@angular/compiler"
:"~7.2.0"
,"@angular/core"
:"~7.2.0"
,"@angular/forms"
:"~7.2.0"
,"@angular/platform-browser"
:"~7.2.0"
,"@angular/platform-browser-dynamic"
:"~7.2.0"
,"@angular/router"
:"~7.2.0"
,"core-js"
:"^2.5.4"
,"rxjs"
:"~6.3.3"
,"tslib"
:"^1.9.0"
,"zone.js"
:"~0.8.26"
,"bootstrap"
:"4.0.0-alpha.4"
} /<code>
3. 安裝NPM
cmd cd 到建立的項目的目錄下面，執行nmp install下載bootstrap的包，會有一些警告，不過不會有報錯什麼的
4. 導入webstrom ，運行
webStrom open 剛剛建立的項目，等待掃描完成，目錄結構如下
啟動項目測試看一下，啟動命令可以在package.json 文件中看到
<code>"scripts"
: {"ng"
:"ng"
,"start"
:"ng serve"
,"build"
:"ng build"
,"test"
:"ng test"
,"lint"
:"ng lint"
,"e2e"
:"ng e2e"
} /<code>
可以控制檯運行，也可以配置，這裡做下配置。
配置方式：
- 選擇package.json, 右鍵選擇“Show npm Scripts”
- 用“Edit Configurations”，添加“npm”
配置好後，start 跑一下，控制檯輸出Compiled successfully. 啟動成功，根據啟動控制檯輸出的http://localhost:4200/ ** 訪問測試下
