教程：angular6 + ng-zorro鹿途后台管理系统（一）

从零开始用Angular6 + ng-zorro 完成一个完整的后台管理系统，系列文章前提是你已经具备一定的Angular开发经验，至少可以完成开发环境的搭建，话不多说我们开始吧！

鹿途登陆页

版本说明

• 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的配合已经完成了项目的基本的骨架，过程都大同小异，大家可以参考NG-ZORRO的快速上手，下一节我们将开始项目整体结构的规划。

项目github地址：https://github.com/ZhouRenYou/ng-deerway
项目预览地址（非实时更新）：https://zhourenyou.github.io/web-deerway/passport/login