多用户任务管理系统
采用的技术
- 基于
@ngrx/store
和@ngrx/effects
管理状态以及状态产生的影响。并且使用@ngrx/entity
减少了 reducer 的重复代码。 - 使用
rxjs
实现响应式编程 - 使用
lettable
操作符,让 rx 的依赖更小 - 使用
json-server
生成原型 REST API - 使用
@angular/flex-layout
作为布局类库 - 使用
@angular/material
为界面组件库以及实现界面主题 - 使用
@angular/animations
完成动画 - 封装了若干自定义组件、表单组件、指令、管道等
- 使用
karma
进行单元测试:组件、服务、effects
和reducer
等。
开发工具链
- 使用
yarn
作为包管理工具 - 使用
@angular/cli
作为脚手架 - 在
package.json
中使用concurrently
把json-server
和ng serve
一起启动了
安装
- fork 这个项目
- git clone 项目
cd taskmgr
yarn install
npm start
或者yarn start
启动前端和 json-server ,在浏览器中访问8000
端口npm run start:ssr
启动服务端渲染版本 (Server Side Rendering)