企业级应用项目工程介绍

node -vcss

v10.13.0node

npm --versionnpm

6.4.1ide

ng --version布局

Angular CLI: 7.1.0spa

cnpm:https://npm.taobao.org/code

 

 

工程:testmgrblog

核心模块:任何项目下都有,只加载一次的。ip

非特性模块:服务模块,reducer模块,effects模块,纯粹是文件组件,无业务。他们也是装载到核心模块当中的。为了避免让核心模块文件太多不清晰,分开成独立模块。get

特性模块:登陆模块,项目模块,任务模块,日历模块。除了登陆模块其它模块懒加载

共享模块:提供给各个特性模块。只是单纯的导入导出,import进来直接export出去,避免了在每一个模块中分别导入太多了重复类库文件。

 

体会命名约定中 模块和组件的类文件都使用index.ts的命名约定 的好处。 引入的时候目录短不少。

$ ng new taskmgr --skip-install --style=scss 【缩写ng new taskmgr -si --style=scss】

$ cd taskmgr/

$ cnpm install

$ ng g m core 建立核心模块 只加载一次

$ ng g m shared建立共享模块

 

 

UI布局

把Header,Footer和放在核心模块中,只加载一次。 

ng g c core/header 
ng g c core/footer 
ng g c core/sidebar
相关文章
相关标签/搜索