0.ng-zorro项目前言

392 阅读1分钟

最近在写ng-zorro项目,快速搭建后,很快可以投入使用,对于部分新手着实很难理解项目如何搭建,写份文档方便学习理解。

使用技术:

angular 10.0.0
node 12+
ts
ng-zorro 10+

项目搭建:

ng new ng-admin
cd ng-admin
ng add ng-zorro-antd

部分常用命令:

ng g(generate) m(module) demo (--routing) 

- 先创建demo文件夹,并生成dome.module.ts,
如果后面有--routing,生成demo-routing.module.ts,并注入到demo.module.ts中

ng g(generate) c(component) demo 

- 先创建demo文件夹,并生成对应component文件(ts/css/html),
并将component注入到最近的module里面

ng g(generate) s(service) demo

- 创建demo.service.ts

ng g(generate) g(guard) demo

- 创建demo.guard.ts

ng g(generate) d(directive) demo 

- 创建demo.directive.ts,并注入到最近的module里面

ng g(generate) i(interface) demo

- 创建demo.ts

ng g(generate) p(pipe) demo

- 创建demo.pipe.ts,并注入到最近的module里面