從零開始用Angular6 + ng-zorro 完成一個完整的後臺管理系統，系列文章你可以把它看作為開發教程，因為它也的確如此，鹿途後臺管理系統，是我脫離工作自己的第一個作品，所以我可以任意妄為，隨心所欲，我想做好它，堅持！

版本說明

• ng-zorro-antd 1.4.1+
• angular 6+
• node 10+

開發工具

• Mac
• Vscode

建立專案

在建立專案之前，請確保 @angular/cli 已被成功安裝

執行以下命令，@angular/cli 會在當前目錄下新建一個名稱為ng-deerway的資料夾，並自動安裝好相應依賴。

ng new ng-deerway
 

初始化配置

進入專案資料夾，執行以下命令後將自動完成 ng-zorro-antd 的初始化配置，包括引入國際化檔案，匯入模組，引入樣式檔案等工作。

ng add ng-zorro-antd

開發除錯

一鍵啟動除錯，執行成功後顯示歡迎頁面。

ng serve

我們通過腳手架和NG-ZORRO的配合已經完成了專案的基本的骨架，過程都大同小異，大家可以參考NZ-ZORRO的快速上手，下一節我們將開始專案整體結構的規劃。