最近在写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里面