电影管理系统

server

• 提供API
• ts + express + mongodb + class-validator + class-transformer
• tsc --init
• npm init
• npm i -D @types/node 安装node 的类型库
• npm i -D ts-node nodemon 安装开发依赖的监控
• npm i -D tslint typescript 安装tslint检测代码风格
• npx tslint --init 配置tslint，不是全局安装要加npx
• vs code 安装 tslint 插件 配置
• 数据验证 npm i -D class-validator，可以用装饰器对模型类验证，也就是实体数据，实体类entities // 数据库 // express

client

• ajax 请求数据
• react 全家桶，antd
• react脚手架：
• create-react-app/nextjs/umijs
• create-react-app client --typescript 用官方的脚手架，指定TS

关注点

• ts 如何和react全家桶结合是重点，开发功能无需过多关注
• 要先完成ajax请求
• npm i -D axios
• "proxy":"http://localhost:30001" 3000请求30001，记得代理，不然不跨域

开发顺序：先server -> client

tslint

• 跟eslint相似，检测代码风格