一：環境搭建
參考文檔：https://angular.cn/guide/setup-local
1：安裝 Angular CLI
你可以使用 Angular CLI 來創建項目、生成應用和庫代碼，以及執行各種持續開發任務，比如測試、打包和部署。
全局安裝 Angular CLI。
要使用 npm 命令安裝 CLI，請打開終端/控制檯窗口，輸入如下命令：
npm install -g @angular/cli //版本號：9.0.2
2：創建工作空間和初始應用
你要在 Angular 工作區的上下文中開發應用。
要創建一個新的工作空間和初始入門應用：
運行 CLI 命令 ng new 並提供 my-app 名稱作爲參數，如下所示：
ng new my-app
ng new 命令會提示你提供要把哪些特性包含在初始應用中。按 Enter 或 Return 鍵可以接受默認值。
Angular CLI 會安裝必要的 Angular npm 包和其他依賴包。這可能要花幾分鐘的時間。
CLI 會創建一個新的工作區和一個簡單的歡迎應用，隨時可以運行它。
測試了好幾次都是安裝失敗，網上查了一下懷疑是node版本低了。當前node:10.14.2，去官網下載了最新的安裝12.16
0之後繼續，安裝成功。安裝成功後會提示：Packages installed successfully.
ng version 可以查看ng版本。
3：運行應用
Angular CLI 中包含一個服務器，方便你在本地構建和提供應用。
轉到 workspace 文件夾（my-app）。
使用 CLI 命令 ng serve 和 --open 選項來啓動服務器。
cd my-app
ng serve --open
ng serve 命令會啓動開發服務器、監視文件，並在這些文件發生更改時重建應用。
–open（或者只用 -o 縮寫）選項會自動打開你的瀏覽器，並訪問 http://localhost:4200/。
如果想要修改端口可以加個參數 --open 4300
這個和配置裏面的"start": "ng serve --open --port 8956",是對應的，所以我們可以直接修改配置然後保存起來，下次就可以直接運行 npm run start 或者 ng serve。
運行成功之後是下面的頁面：
此時的目錄結構是這樣：
二、熟悉angular
1、創建Component
創建第一個組件，使用angular-cli命令來創建組件。
ng generate compont hello-world 可以簡寫成 ng g c hello-world
創建完成後在app目錄中就多個文件夾hello-world，這就是剛纔添加的組件。
同時app.module.ts文件也被修改了，在裏面添加了剛纔創建的組件，這個過程是自動的。
hello-world.component文件：
2、加載Component
加載組件，此時“app-hello-world”就變成了類似html中的一個普通標籤，比如div。
我們把他添加到app.component.html中，我們就可以在首頁中看到效果了。
添加在頁面的底部。
改變他的樣式：
