angular專案環境配置：步驟 1. 配置開發環境（node環境必須）  請先在終端/控制檯視窗中執行命令 node -v 和 npm -v;  如果出現版本號則ok,並且確保驗證一下版本號： node 8.x 和 npm 5.x 以上的版本。 更老的版本可能會出現錯誤，更新的版本則沒問題。  如果沒有出現版本號，則到node.js官網上自動下載，node環境是集成了npm環境，npm是node的一個包管理工具

然後全域性安裝 Angular CLI。

npm install -g @angular/cli

檢視angular CLI 是否安裝成功：ng -v

步驟 2. 建立新專案

首先，選擇一個工作目錄，執行下列命令來生成一個新專案以及預設的應用程式碼：

ng new my-app   //my-app是你的專案名稱

步驟 3. 啟動開發伺服器

進入專案目錄，並啟動伺服器。

cd my-app ng serve --open

ng serve 命令會啟動開發伺服器，監聽檔案變化，並在修改這些檔案時重新構建此應用。

使用 --open（或 -o）引數可以自動開啟瀏覽器並訪問 http://localhost:4200/。

angular2專案結構：

angular-cli.json:配置專案的相關資訊，包括版本號之類的 package.json：npm依賴包相關的包配置資訊 tslint：一個標準化程式碼檢查的工具 src：專案的核心檔案     index.html:首頁     polyfills.ts:專案中所必須的第三方js庫以及angular-cli包含的資訊     main.ts：專案的啟動     app資料夾：         app.module.ts:可以指定專案啟動的元件；bootstrap中配置 元件中相關資訊：     app.component.html:可以理解為html程式碼         app.component.css:可以理解為css程式碼         app.component.ts:可以理解為js程式碼

        @Component是一個Angualr2的裝飾器函式，用於為該元件指定 Angular 所需的元資料。

　　            selector選擇器表示你之後再html程式碼裡將以什麼名字使用這個元件

　　            templateUrl表示元件的html程式碼，這裡也可以使用template：`<div>123</div>`來使用內聯模板

　　            styleUrls是樣式地址陣列，也可以使用 styles:['h1{font-size:28px;}']

        export class AppComponent {}元件的類，可以定義元件的行為等。

進入專案，使用Angular CLI建立新元件：  cd my-app    ng generate component article   // 在src/app中建立article元件，並生成了ArticleComponent的三個檔案

建立 HeroService  cd my-app    ng generate service hero   //在 src/app/hero.service.ts 中生成 HeroService 

建立hero類 cd my-app ng generate class hero

第一步：建立路由檔案 ng generate module app-routing --flat --module=app 註釋：--flat 把這個檔案放進了 src/app 中，而不是單獨的目錄中。--module=app 告訴 CLI 把它註冊到 AppModule 的 imports 陣列中

使用Ant Design UI庫  ng add ng-zorro-antd  安裝完後，全域性樣式需要找到專案中的style.css  引入：@import '.././node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css';即可