项目概况

一、运行环境

二、项目运行

安装依赖

本项目统一使用 pnpm 管理第三方依赖，相关操作指令请查阅 pnpm 官方文档.

pnpm install

本地开发环境编译

pnpm start

线上环境编译

pnpm build_dev   # 开发环境
pnpm build_test  # 测试环境
pnpm build_gray  # 灰度环境
pnpm build_pro   # 生产环境

查看打包分析

pnpm report

检测和修复代码格式

pnpm lint

三、代码提交

请务必遵循以下团队代码提交类型规范

'feat' // 新增功能
'fix' // 修复缺陷
'perf' // 性能优化
'ui' // UI 调整
'style' // 代码格式
'docs' // 文档变更
'test' // 测试用例
'refactor' // 代码重构
'build' // 构建流程、外部依赖变更 (如升级 npm 包、修改打包配置等)
'revert' // 回滚 commit
'wip' // 正在开发中
'types' // 类型定义文件
'chore' // 不属于以上类型的其他类型(日常事务)

可以在 git add 后，使用以下命令以交互模式提交代码

pnpm commit

四、项目开发资料

• 蓝湖地址（原型及设计文档）：https://lanhuapp.com/web/#/item/project/product?tid=28a72436-1ffb-46fa-b8fc-5b0db74fe494&pid=a7f4e7f5-e91e-47e6-8da6-215a1f459088&versionId=4efb4f2a-8e98-41ff-a35d-edf002079d52&docId=eeaf8e06-a30d-4c7e-852d-3bfab3e1a1b0&docType=axure&pageId=a01bcc081f374d52a925710c1c709058&image_id=eeaf8e06-a30d-4c7e-852d-3bfab3e1a1b0&parentId=3666d9f0-0790-4af0-b9a5-9b5be3cfeacf
• Tapd 地址（需求文档）：https://www.tapd.cn/44241244/prong/iterations/card_view
• 接口文档地址：

五、项目地址

• 测试环境地址：http://tscs.officemate.cn/supplier/
• 灰色环境地址：http://grayscs.officemate.cn/supplier/
• 正式环境地址：http://scs.officemate.cn/supplier/

六、项目结构

|-- 根目录
    |-- .browserslistrc      浏览器兼容范围
    |-- .commitlint.config   代码提交信息规范配置
    |-- .editorconfig        编辑器统一格式配置
    |-- .env.local           环境变量：开发环境（本地）
    |-- .env.pro             环境变量：生产环境
    |-- .env.gray            环境变量：灰度环境
    |-- .env.test            环境变量：测试环境
    |-- .env.dev             环境变量：开发环境（线上）
    |-- .eslintrc.js         ESLint 配置
    |-- .eslintignore        ESLint 忽略文件配置
    |-- .gitignore           Git 忽略文件配置
    |-- .npmrc               npm 源配置
    |-- babel.config.js      Babel 配置
    |-- pnpm-lock.yaml 
    |-- package.json         包说明文件
    |-- README.md
    |-- vue.config.js        vue-cli 配置
    |-- tsconfig.json        typescript 配置
    |-- public               静态资源文件目录
    |-- types                ts 全局类型文件
    |-- src
        |-- App.vue
        |-- main.js
        |-- shims-tsx.d.ts   支持以 .tsc 结尾的文件
        |-- shims-vue.d.ts   vue 声明
        |-- assets           公共资源目录
        |-- components       公共组件目录
        |-- directives       指令相关目录
        |-- filters          过滤器目录
        |-- icons            svg 图标
        |-- layout           公共布局目录
        |-- mixins           混入目录
        |-- plugins          插件目录
        |-- router           路由模块目录
        |-- api              服务模块目录
        |-- store            状态管理目录
        |-- styles           全局样式目录
        |-- utils            工具模块目录
        |-- views            页面视图目录

六、相关链接

• OFS UI
• 中台组件
• 后台规范
• 全项目地址