本文旨在分享项目初期的参考思路,提高项目开发效率,具体需结合用户及公司需求。
一、技术选型
1. 技术栈
支撑代码编写的技术,如react18 / vite3 / typescript ;
2. 环境
确定代码运行环境,如 node v18.15.0 ;
二、总体流程
1. 版本管理
(1)git仓库分支
根据小组成员准备主(子)分支,如 master , dev , fix,定期将子分支合并到主分支检查;
2. 创建项目
确定项目雏形,根据技术栈创建项目文件夹,书写开发文档;
3. 代码开发
结合工作计划和项目开发思想,撰写代码;
三、准备工作
1. 检测node及yarn版本,确保环境正常运行;
2. 创建git仓库,按需创建主次分支;
3. 创建项目,关联远程git仓库;
4. 根据打包环境webpack/vite,项目初始化并试运行;
5. 按需创建components/views/utils/api/store等工程目录;
6. 在main.js中配置antd和自定义全局样式,并使用sass预编译语法,统一配置页面样式,便于浏览器兼容及后续样式管理;
7. 安装依赖及相关配置
- 样式依赖及清除默认样式,并进行多端测试适配兼容问题;
- axios依赖,用于封装请求;
- 路由router;
- 仓库mobx/redux/store;
- src默认路径@配置;
- 更多可参考项目常见依赖安装_酒醉的蝴蝶666的博客-CSDN博客