1.搭建环境,安装脚手架,创建目录
npm init
生成packge.json
npm install creat-react-app -g
creat-react-app my-job
使用脚手架创建项目目录
npm run eject
释放webpack配置
项目目录结构
运行npm start,服务默认在3000运行。
2 安装开发第三方依赖
大部分脚手架已经安装好了,其余的原需求补充
ui库:ant-mobile移动端组件库
状态管理:redux react-redux react-thunk(处理异步action)
等等。。。。。
3 项目需求分析
项目要实现的功能
项目骨架
文件架构和规范
- src前端代码目录
- server后端express目录
- 功能文件夹: component,container,reducers等
页面骨架
router的划分
- 进入应用时获取应用信息,用户未登录跳转login页面
- login和register页面不需要权限验证
- 用户信息,聊天列表,职位列表页面共享底部tabbar