## 前端运行 ```bash # 进入项目目录 cd cfhi-web # 安装依赖 npm install --registry=https://registry.npmmirror.com # 启动服务 npm run dev # 构建测试环境 yarn build:stage npm run build:stage # 构建生产环境 yarn build:prod npm run build:prod # 前端访问地址 vite.config.js 中自行配置后台地址 ``` ## 项目代码开发要求 1. vue文件涉及所有方法、函数、特殊情况自定义组件等，均需要添加注释及说明 2. 所有接口请求，必须使用 then(()=>{}).catch(err => console.log(err))，若有接口请求错误，须在控制台输出错误信息 3. 关于特殊情况单独封装的自定义组件，须在页面文件夹内创建页面专属的components文件夹，将自定义单独组件放入，方便后期维护 4. 接手项目熟悉框架时，着重熟悉项目封装好的公共组件，公共方法及公共loading、提示、svg等，开发时使用公共内容减少代码冗余 5. 前端文件创建目录要求：模块文件夹 ——> 菜单文件夹 ——> 页面文件，以方便后期维护 例如：系统运维/人员管理/人员管理页面文件 - src/views/system/user/index 6. 所有通用页面基于公共组件及公共方法开发，前端固定配置须摘出jsx或js文件 7. 前端开发，框架分支为 init-dev，功能开发人员基于dev拉取自己的分支，开发完成后向dev合并 8. 前端项目便捷路径配置说明 '@': ./src '@A': ./src/api '@S': ./src/assets '@C': ./src/components '@U': ./src/utils ## 项目开发问题记录 1.项目主要使用的 els-table 及 els-form 组件，已引入全局，开发文档请查询 component 文件夹内组件下的readme 文档 2. TypeError: Cannot read properties of null (reading 'length') 若发现如图报错，则须检查 jsx 语法内 return返回的dom元素不可直接为 <> 若根据条件判断需要返回空值，须返回 即可解决报错问题