网易云app项目

基本

• typescript
• rxjs
• angular基本api的使用（重要）

步骤
1.将style.less重命名为index.less
2.将index.less剪切到assets/style下
3.安装ant design angular组件库
4.安装相关样式库 如（npm i minireset.css）
5.创建module模块

• 1.ng g m core 核心库
  coreModule如果只想被app.module引入，其它不可，则

exports:[
	ShareModule
]
export class CoreModule{
//不寻找自己，避免无限循环（skipSelt）
//Optional 若果没找到，赋值null，不报错
	constructor(@skipSelt() @Optional() parentModule:CoreModule){
		if(parentModule){
		throw new Error('CoreModule只能被appModule引入')
		}
}
}

• 2.ng g m share 共享库
  • 共享模块

@NgModule({
//引入共享库
  imports: [
    CommonModule,
    FormsModule,
  ],
  declarations: [SharedComponent],
  //导出库
  exports: [
    CommonModule,
    FormsModule,
    NgbModule,
  ],

• 3.创建服务模块 ng g m services(调接口，服务)

创建module模块，携带路由
ng g m pages/home --routing
创建组件
ng g c pages/home