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

用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的快速上手，下一节咱们将开始项目总体结构的规划。

 

 

 

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