[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8710":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":25,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":27,"readmeContent":28,"aiSummary":29,"trendingCount":16,"starSnapshotCount":16,"syncStatus":30,"lastSyncTime":31,"discoverSource":32},8710,"resume-design","Hacker233\u002Fresume-design","Hacker233","猫步简历 – 一款开源免费的简历制作神器，支持导出超高清PDF、图片、源码级JSON数据、Markdown格式等，AI简历生成、AI润色、AI语种翻译等。提供海量在线制作模版、主题任意切换、高度定制化的简历模块。使用猫步简历，您可以制作出一份独特、优美、专业的求职简历。","https:\u002F\u002Fmaobucv.com",null,"Vue",3718,287,12,3,0,4,38,146,24,29.38,"MIT License",false,"main",true,[],"2026-06-12 02:01:57","\u003Cp align=center>\u003Cimg width=\"200\" src=\"https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F1c77fe2bae044429836b37aa9326f523~tplv-k3u1fbpfcp-watermark.image?\" alt=\"logo.png\"  \u002F>\u003C\u002Fp>\n\u003Cp align=\"center\">\n    \u003Ca href=\"https:\u002F\u002Fv3.vuejs.org\u002F\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fdd8e303d325340d6b23253e945508489~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"vue\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Felement-plus.gitee.io\u002F#\u002Fzh-CN\u002Fcomponent\u002Fchangelog\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F9bf22ec28f13427ea1a4609ebbf12a4e~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"element plus\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fwww.tslang.cn\u002F\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Ff95af82839104c3289be30584bfdce6b~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"typescript\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fvitejs.dev\u002F\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F229345a011dd47c3a183217ddf008c97~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"vite\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fpinia.vuejs.org\u002F\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fca7fe134db464470aacb3248d571573e~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"vite\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fpinia.vuejs.org\u002F\" target=\"_blank\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fbb8ab71737fb4b8daaf26a910462f689~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"vite\">\n    \u003C\u002Fa>\n    \u003Ca href=\"https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT\">\n        \u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F78fa8d73d585476fab0094f9d93a553b~tplv-k3u1fbpfcp-zoom-1.image\" alt=\"License\">\n    \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">猫步简历\u003C\u002Fh1>\n\u003Ch2 align=\"center\">一款开源免费简历制作神器\u003C\u002Fh2>\n\n\u003Cp align=\"center\">\u003Cb>基于Vue3 + TypeScript + Vite + Element-plus + pinia实现\u003C\u002Fb>\u003C\u002Fp>\n\n**在线地址：[https:\u002F\u002Fmaobucv.com](https:\u002F\u002Fmaobucv.com\u002F)**\n\n\n# 目录\n- [目录](#目录)\n- [🚀 项目简介](#-项目简介)\n- [🤼 功能介绍](#-功能介绍)\n- [🎇 项目演示截图](#-项目演示截图)\n- [🐶 技术栈介绍](#-技术栈介绍)\n- [🏊 如何使用](#-如何使用)\n  - [拉取项目](#拉取项目)\n  - [安装项目依赖](#安装项目依赖)\n  - [项目配置](#项目配置)\n  - [运行项目](#运行项目)\n  - [构建项目](#构建项目)\n- [🧱 项目结构说明](#-项目结构说明)\n- [🐨 在线制作设计器](#-在线制作设计器)\n  - [设计器简介](#设计器简介)\n  - [特点描述](#特点描述)\n  - [模板开发](#模板开发)\n  - [组件开发相关目录](#组件开发相关目录)\n- [🐔 积木制作设计器](#-积木制作设计器)\n  - [设计器简介](#设计器简介-1)\n  - [特点描述](#特点描述-1)\n  - [模板开发](#模板开发-1)\n  - [物料组件开发](#物料组件开发)\n  - [设计器应用于其他项目](#设计器应用于其他项目)\n- [🙉 项目代码提交说明](#-项目代码提交说明)\n- [🚟 项目交流](#-项目交流)\n- [🍓 成为贡献者](#-成为贡献者)\n- [🚉 问题反馈](#-问题反馈)\n- [🍜 License](#-license)\n- [贡献者](#贡献者)\n\n\n# 🚀 项目简介\n\u003Cp align=left>猫步简历是一个开源免费的简历设计制作以及提供模板下载的网站，当前项目为前端项目，完全开源免费。\u003C\u002Fp>\n\n\u003Cp align=left>网站内置有两款设计器，可以方便快捷的制作出精美的简历，除此之外，网站还提供有完整的后台管理系统，可以方便管理整个网站。\u003C\u002Fp>\n\n\u003Cp align=left>该项目已发布两个纯前端版本，这两个纯前端版本之后，项目将接入后台系统，所以如果单纯想要学习前端的小伙伴可以直接下载发布的两个版本之一即可。如果小伙伴想要学习设计器，则可以直接拉取最新前端代码即可。\u003C\u002Fp>\n\n纯前端版本：\u003Chttps:\u002F\u002Fgithub.com\u002Fhuajian-pro\u002Fresume-design\u002Freleases>\n\n# 🤼 功能介绍\n- [x] 用户邮箱验证码登录注册、忘记密码、找回密码等功能\n- [x] 用户个人中心相关信息管理等功能\n- [x] 在线制作设计器（专注简历布局）\n- [x] 积木创作设计器（任意布局）\n- [x] 导出超高清PDF（支持复制、图标等）\n- [x] 支持在线以及导出JSON数据\n- [x] 支持评论\n- [x] 支持Word简历模板下载\n- [x] 支持PPT模板下载\n- [x] 支持保存草稿功能\n- [x] 积分简币体系\n- [x] 支持简历主题任意更改（字体、颜色、背景、间距等）\n- [x] 完整的后台管理系统，各种数据均可后台配置\n- [x] 网站数据统计（访问量、注册人数、简历制作数等）\n- [x] 完善的管理端系统，让网站变得可配置化\n\n\n......更多功能请到官网体验：[猫步简历](https:\u002F\u002Fmaobucv.com\u002F)\n\n# 🎇 项目演示截图\n\n**网站首页：**\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fe6475e91ab344eb28f338ea50716face~tplv-k3u1fbpfcp-zoom-in-crop-mark:1512:0:0:0.awebp?\" alt=\"网页捕获_26-4-2023_17656_maobucv.com.jpeg\"  \u002F>\u003C\u002Fp>\n\n**管理端：**\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp1-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F2f4565ce066d4d9491eb9280b9a5b6a8~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n\n**设计器一：**\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F732352538cf94b53b9f083e32dad389e~tplv-k3u1fbpfcp-watermark.image?\" alt=\"design-1.png\"  \u002F>\u003C\u002Fp>\n\n**设计器二：**\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F0ad17cb4117c48d1a73ac4f533f027e9~tplv-k3u1fbpfcp-watermark.image?\" alt=\"design-2.png\"  \u002F>\u003C\u002Fp>\n\n......更多页面请到官网体验：[猫步简历](https:\u002F\u002Fmaobucv.com\u002F)\n\n# 🐶 技术栈介绍\n\n**前端技术栈：** \n- Vue3.x\n- Vite3.x\n- TypeScript4.x\n- Element-plus\n- Pinia\n\n**后端技术栈：**\n- nest.js\n\n**数据库：**\n- MongoDB\n\n**文件存储：**\n- minio\n\n\n# 🏊 如何使用\n\n## 拉取项目\n\n\n```\ngit clone https:\u002F\u002Fgithub.com\u002Fhuajian-pro\u002Fresume-design.git\n```\n-   推荐使用包管理工具[pnpm](https:\u002F\u002Fpnpm.io\u002Finstallation)\n-   或使用[yarn](https:\u002F\u002Fyarnpkg.com\u002Fgetting-started\u002Finstall)、npm（node自带无需额外安装）包管理工具\n-   Node版本请确保在v16.0及以上\n> pnpm全局安装方法`npm i -g pnpm`\n\n## 安装项目依赖\n\n```\ncd resume-design\n\n\u002F\u002F 使用pnpm安装依赖（推荐）\npnpm install\n```\n注意：如果安装失败请切换网络或者清空npm缓存重试。\n\n## 项目配置\n\n\u003Cp align=left>注意：如果你拉取的为纯前端项目，则可以跳过此步骤。\u003C\u002Fp>\n\n若要运行项目，需要有相对应的后台，如果没有自己搭建的后台，则可以连接猫步简历官方后台。 **修改对应文件**：\n\n**修改前：**\n\n```\n\u002F\u002F src\u002Fconfig\u002Findex.ts\n\nconst serverAddress =\n  import.meta.env.MODE === 'development' ? 'http:\u002F\u002Flocalhost:3399' : 'https:\u002F\u002Fmaobucv.com';\nconst CONFIG = {\n  \u002F\u002F serverAddress: 'http:\u002F\u002Flocalhost:3399',\n  \u002F\u002F serverAddress: 'https:\u002F\u002Fmaobucv.com',\n  serverAddress: serverAddress,\n  smallpigAddress: 'https:\u002F\u002Fmaobucv.com' \u002F\u002F 此地址为资源分享菜单的后台地址，可不管\n};\nexport default CONFIG;\n```\n**修改后：**\n```\n\u002F\u002F src\u002Fconfig\u002Findex.ts\n\nconst serverAddress = 'https:\u002F\u002Fmaobucv.com';\nconst CONFIG = {\n  \u002F\u002F serverAddress: 'http:\u002F\u002Flocalhost:3399',\n  \u002F\u002F serverAddress: 'https:\u002F\u002Fmaobucv.com',\n  serverAddress: serverAddress,\n  smallpigAddress: 'https:\u002F\u002Fmaobucv.com' \u002F\u002F 此地址为资源分享菜单的后台地址，可不管\n};\nexport default CONFIG;\n```\n**备注**：如想搭建自己的后台，可到[猫步简历官网](https:\u002F\u002Fmaobucv.com)获取后端源码。\n\n## 运行项目\n\n进入项目目录，执行命令：\n\n```\npnpm dev\n```\n\n注意：如果运行失败，建议检查依赖是否安装完整、以及检查Node版本是否大于16。\n\n## 构建项目\n\n进入项目目录，执行命令：\n\n```\npnpm build\n```\n将生成的dist上传至服务器，采用nginx部署即可。\n\n# 🧱 项目结构说明\n\n\n```\nresume-design\n├── LICENSE                 \u002F\u002F 协议文件\n├── README.md               \u002F\u002F 项目介绍文档\n├── build                   \u002F\u002F 项目打包相关配置文件\n│   ├── utils.ts\n│   └── vite\n├── commitlint.config.js    \u002F\u002F 项目提交代码相关配置，npm run commit会读取 \n├── dist                    \u002F\u002F 项目构建生成文件\n│   ├── favicon.ico\n│   ├── index.html\n│   ├── json\n│   └── static\n├── doc                     \u002F\u002F 相关文档存放目录\n├── index.html\n├── package.json\n├── pnpm-lock.yaml\n├── prettier.config.js\n├── public                 \u002F\u002F 项目公共文件夹\n│   ├── favicon.ico\n│   ├── json\n│   └── static\n├── src\n│   ├── App.vue\n│   ├── assets             \u002F\u002F 相关资源存放目录，如图片等\n│   ├── auto-import.d.ts   \u002F\u002F 自定引入相关依赖配置文件\n│   ├── components         \u002F\u002F 全局公共组件存放目录\n│   ├── components.d.ts    \u002F\u002F 组件自动注册配置，如element-plus\n│   ├── config             \u002F\u002F 项目全局配置目录，如配置后台接口地址等\n│   ├── dictionary         \u002F\u002F 项目中使用到的相关字典映射\n│   ├── env.d.ts           \u002F\u002F Typescript等配置\n│   ├── hooks              \u002F\u002F 项目公用钩子等\n│   ├── http               \u002F\u002F 项目请求API存放目录\n│   ├── i18n               \u002F\u002F 国际化相关\n│   ├── interface          \u002F\u002F Typescript接口定义\n│   ├── main.ts            \u002F\u002F 主入口文件\n│   ├── material           \u002F\u002F 在线制作模块的公共物料组件\n│   ├── options            \u002F\u002F 在线制作模块的物料属性设置面板组件\n│   ├── router             \u002F\u002F 项目路由\n│   ├── schema             \u002F\u002F 在线制作模块相关模型JSON定义\n│   ├── store              \u002F\u002F 全局状态管理\n│   ├── style              \u002F\u002F 公共样式存放\n│   ├── template           \u002F\u002F 在线制作模块模板渲染存放目录\n│   ├── utils              \u002F\u002F 全局公用工具函数\n│   └── views              \u002F\u002F 页面\n├── tsconfig.json\n├── tsconfig.node.json\n├── types\n│   ├── custom-types.d.ts\n│   └── global.d.ts\n└── vite.config.ts\n```\n\n注意：由于项目在不断更新迭代，项目目录结构可能会改变。\n\n# 🐨 在线制作设计器\n\n## 设计器简介\n\n在线制作设计器主要是项目初期建设时的第一代设计器，功能没有那么复杂，项目目录可能没有那么规范，但是代码还是很清晰明了的。\n\n使用这款设计器只能制作简历，并且让使用者专注于简历数据，不用花费更多精力在配色、字体等方面，以下为在线制作设计器相关截图：\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F07286987deda46b7940e4c2553c68de5~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp3-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fcce6750628e74d088db778c7c5e61d12~tplv-k3u1fbpfcp-watermark.image?\" alt=\"design-online-1.png\"  \u002F>\u003C\u002Fp>\n\n## 特点描述\n\n该款设计器目前是提供模板最多的，主要用于简历设计制作，用户可以自行添加和删除相对应简历模块，通过简单的拖动实现模块之间顺序交换，主要特点如下：\n\n- 专注于简历制作\n- 提供有丰富简历模板\n- 已提前配置了简历模块\n- 让用户专注于数据\n- 可以在模板中添加物料中心组件\n\n## 模板开发\n\n如果想要给在线制作功能添加更多的模板，那么可以到【贡献模板】页面拖拉拽组成一个完整模板，然后提交审核，管理员在后台审核通过后将会展示在模板列表中。\n\n**页面如下：**\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F6ef7d0ff9a2d488299f22113a04a88ad~tplv-k3u1fbpfcp-watermark.image?\" alt=\"design-online-2.png\"  \u002F>\u003C\u002Fp>\n\n上图中左侧是物料区，该款设计器其实和在线制作设计器是同一款，只不过这儿是用来生成模板使用的。\n\n## 组件开发相关目录\n\n物料组件和属性设置面板分别存放在src下的两个目录，如下所示：\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F0e68e1d7b5424ae38b9e7404f756cafb~tplv-k3u1fbpfcp-watermark.image?\" alt=\"design-online-3.png\"  \u002F>\u003C\u002Fp>\n\n具体实现步骤可以参考文章：[# 简历开源项目——教你如何新增模板和物料组件](https:\u002F\u002Fjuejin.cn\u002Fpost\u002F7137934645580005390)\n# 🐔 积木制作设计器\n\n## 设计器简介\n\n该款设计器为后来新开发的设计器，相较于第一款设计器而言，该款设计器将组件粒度划分为更小，更为灵活，理论而言，不仅可以制作简历，还可以制作海报、logo等等。\n\n但是相对于在线制作设计器而言，积木制作设计器使用户没有那么专注于数据，因为太为灵活，所以需要看用户需求，如果只需要简单制作一份简历，在线制作设计器可能是更好的选择。\n\n**积木设计器截图如下：**\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp1-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F12e6bcd5214e4619a4308f508654c08c~tplv-k3u1fbpfcp-watermark.image?\" alt=\"lego-design-1.png\"  \u002F>\u003C\u002Fp>\n\n## 特点描述\n\n积木制作设计器主要为满足灵活多变的设计场景，理论上它可以渲染任何组件，比如数据可视化组件等，它主要集中于如下特点：\n\n- 物料组件粒度更小\n- 画布区域可设计性更强\n- 不仅可制作简历，还可制作海报等\n- 理论可以渲染任何组件\n- 良好的代码结构\n\n## 模板开发\n\n积木制作的模板开发也很简单，任何用户都可以申请提交模板，在设计器内制作出想要的模板，然后提交申请，管理员审核通过即可发布为模板。\n\n**如下所示：**\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Fc2b153c3a28a4b1c862a1474e2fcba5f~tplv-k3u1fbpfcp-watermark.image?\" alt=\"lego-design-2.png\"  \u002F>\u003C\u002Fp>\n\n## 物料组件开发\n\n为了积木制作设计器与项目更好的解耦，比如让其他项目快速接入积木制作设计器，所以积木制作设计器基本是单独一个目录，如下所示：\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002Ff021e4b0c51645bca4bb36ebf92acc12~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n\n新增物料组件主要关注一下几个目录：\n\n- schema\n- setters\n- widgets\n\n大体步骤如下：\n\n**第一步：定义物料组件JSON**\n\n在schema\u002FwidgetConfig.ts文件中新增一段JSON，JSON例如：\n\n```\n{\n  id: '', \u002F\u002F 组件唯一性id\n  componentName: 'hj-text-2', \u002F\u002F 组件名\n  commentType: '', \u002F\u002F 组件类型\n  icon: '', \u002F\u002F 组件icon\n  title: '', \u002F\u002F 组件中文名称\n  description: '渐变文本-1', \u002F\u002F 组件描述信息\n  screenShot: {\n    src: 'text-2.png',\n    width: '116px',\n    height: '37px',\n    borderRadius: '4px'\n  }, \u002F\u002F 组件快照\n  keywords: '文本-2', \u002F\u002F 组件关键词，用于搜索\n  category: 'text', \u002F\u002F 组件分类\n  props: {}, \u002F\u002F 组件属性\n  css: {\n    left: 0,\n    top: 0,\n    zIndex: 1,\n    width: 60,\n    height: 20,\n    rotate: 0, \u002F\u002F 旋转角度\n    fontSize: 14,\n    letterSpace: 1,\n    lineHeight: 1.5,\n    fontFamily: '方正黑体简体',\n    fontWeight: 500,\n    textAlign: 'justify',\n    padding: {\n      top: 0,\n      right: 0,\n      bottom: 0,\n      left: 0\n    },\n    borderWidth: 0,\n    borderRadius: 10,\n    borderColor: '#eee',\n    borderStyle: 'solid'\n  }, \u002F\u002F 组件样式\n  dataSource: {} \u002F\u002F 组件单独数据\n}\n```\n将上段JSON添加到List字段中去，左侧物料区对应的分类下就会有对应的组件选择了，主要注意JSON中相关字段含义。其中props和css、dataSource对象中的每一个字段都有对应属性设置组件，比如你在css中添加了fontSize字段，那么右侧属性面板将会出现如下选项：\n\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F04652436dc9944d7a69b7d26a2145732~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n\n如果没有对应属性设置组件，则需要自己定义。\n\n**第二步：编写组件代码**\n\n在widgets文件夹下新增组件代码，比如下图新增了头像组件：\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp6-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F386d33e9373b4af28a63b17d65f7e501~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n\n并且需要在widgets目录下的index.ts中注册该组件。\n\n**第三步：新增组件设置面板**\n\n如果你新增的props和css、dataSource对象中的字段有对应的组件，那么你无需执行这一步，否则需要在setters目录下新增属性设置组件：\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp1-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F6d57ee20d9e1407dbbedf575106cd354~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n需要注意每新增一个组件都需要在当对应目录下的ts文件中注册组件。\n\n## 设计器应用于其他项目\n\n由于积木制作设计器较为独立，所以抽离到其他项目中比较容易，但是还是有一些点需要注意：\n\n- 设计器使用了pinia，需要单独去剥离，存放在store目录下\n- 设计器有导航栏，可能使用全局公共组件，如果不需要直接删除即可\n- 涉及到发送请求的地方不需要也直接删除掉\n- 其他地方调用了公共组件，可以将公共组件抽离到legoDesigner目录下\n\n# 🙉 项目代码提交说明\n\n为了规范项目的代码提交，项目内安装了husky等插件，提交代码则不能使用传统的git命令提交。\n\n**大致流程如下：**\n\nadd更改\n\n```\ngit add .\n```\n\n执行命令：\n\n```\nnpm run commit\n```\n会出现如下界面，根据本次改动内容具体选择：\n\n\u003Cp align=center>\u003Cimg src=\"https:\u002F\u002Fp9-juejin.byteimg.com\u002Ftos-cn-i-k3u1fbpfcp\u002F51bba01a17c74b619c6d6a7b2fae080d~tplv-k3u1fbpfcp-watermark.image?\" alt=\"image.png\"  \u002F>\u003C\u002Fp>\n\n如果代码校验没有通过，则会还原当前改变，并且将变化存入了stash，你需要执行如下命令弹出更改：\n\n```\ngit stash pop\n```\n推送代码\n\n```\ngit push\n```\n# 🚟 项目交流\n\n- **开放微信交流群**\n\n添加开源作者微信：LHQfighting，备注【猫步简历】，进入猫步简历技术交流群。\n\n- **知识星球学习社区**\n\n此社区只开放给已获取猫步简历项目后端源代码的伙伴，社区内部会持续推送最新后端源码，后端源码具体获取方式可到猫步简历官网查看：[猫步简历](https:\u002F\u002Fmaobucv.com)\n\n\u003Cp align=\"center\">\n    \u003Cimg width=\"200\" src=\"https:\u002F\u002Fgitee.com\u002Fsharemore52\u002Fresume-design\u002Fraw\u002Fmain\u002Fsrc\u002Fassets\u002Fimages\u002Fvx.jpg\">\n    \u003Cimg width=\"200\" src=\"https:\u002F\u002Fgitee.com\u002Fsharemore52\u002Fresume-design\u002Fraw\u002Fmain\u002Fsrc\u002Fassets\u002Fimages\u002Fxingqiu.jpg\">\n\u003C\u002Fp>\n\n# 🍓 成为贡献者\n\n由于项目目前主要还是小编一个人作为主要代码贡献者，所以工作量很大，分支主要维护在main分支，所以大家提交PR是直接请求合并到main分支即可。\n\n如果你发现了问题并且解决了他，欢迎提交PR吧！成为开源贡献中的一员！\n\n**PR地址：**[pull request](https:\u002F\u002Fgithub.com\u002FHacker233\u002Fresume-design\u002Fpulls)\n\n# 🚉 问题反馈\n\n如果在使用猫步简历的过程中遇到问题，获取你有好的想法、需求等，都可以反馈给开源作者，作者将及时响应。\n**反馈途径：**\n\n1. 开放微信交流群直接询问\n2. 直接提[issue](https:\u002F\u002Fgithub.com\u002FHacker233\u002Fresume-design\u002Fissues)（强烈建议）\n\n# 🍜 License\n\n- [MIT](https:\u002F\u002Fopensource.org\u002Flicenses\u002FMIT)\n\n# 贡献者\n\n\u003Ctable>\n\u003Ctr>\n    \u003Ctd align=\"center\" style=\"word-wrap: break-word; width: 75.0; height: 75.0\">\n        \u003Ca href=https:\u002F\u002Fgithub.com\u002FHacker233>\n            \u003Cimg src=https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F28037169?v=4 width=\"50;\"  style=\"border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px\" alt=会飞的猪\u002F>\n            \u003Cbr \u002F>\n            \u003Csub style=\"font-size:14px\">\u003Cb>会飞的猪\u003C\u002Fb>\u003C\u002Fsub>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\" style=\"word-wrap: break-word; width: 75.0; height: 75.0\">\n        \u003Ca href=https:\u002F\u002Fgithub.com\u002FQC2168>\n            \u003Cimg src=https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F82024018?v=4 width=\"50;\"  style=\"border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px\" alt=_island\u002F>\n            \u003Cbr \u002F>\n            \u003Csub style=\"font-size:14px\">\u003Cb>_island\u003C\u002Fb>\u003C\u002Fsub>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\" style=\"word-wrap: break-word; width: 75.0; height: 75.0\">\n        \u003Ca href=https:\u002F\u002Fgithub.com\u002Fynzy>\n            \u003Cimg src=https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F39397772?v=4 width=\"50;\"  style=\"border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px\" alt=张雨凡\u002F>\n            \u003Cbr \u002F>\n            \u003Csub style=\"font-size:14px\">\u003Cb>张雨凡\u003C\u002Fb>\u003C\u002Fsub>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\" style=\"word-wrap: break-word; width: 75.0; height: 75.0\">\n        \u003Ca href=https:\u002F\u002Fgithub.com\u002FOcean-H1>\n            \u003Cimg src=https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F74898523?v=4 width=\"50;\"  style=\"border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px\" alt=Ocean Han\u002F>\n            \u003Cbr \u002F>\n            \u003Csub style=\"font-size:14px\">\u003Cb>Ocean Han\u003C\u002Fb>\u003C\u002Fsub>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\" style=\"word-wrap: break-word; width: 75.0; height: 75.0\">\n        \u003Ca href=https:\u002F\u002Fgithub.com\u002Fyucheng514>\n            \u003Cimg src=https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F35727398?v=4 width=\"50;\"  style=\"border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px\" alt=- luozha -\u002F>\n            \u003Cbr \u002F>\n            \u003Csub style=\"font-size:14px\">\u003Cb>- luozha -\u003C\u002Fb>\u003C\u002Fsub>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\" style=\"word-wrap: break-word; width: 75.0; height: 75.0\">\n        \u003Ca href=https:\u002F\u002Fgithub.com\u002FHbisedm>\n            \u003Cimg src=https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F51397088?v=4 width=\"50;\"  style=\"border-radius:50%;align-items:center;justify-content:center;overflow:hidden;padding-top:10px\" alt=Sam\u002F>\n            \u003Cbr \u002F>\n            \u003Csub style=\"font-size:14px\">\u003Cb>Sam\u003C\u002Fb>\u003C\u002Fsub>\n        \u003C\u002Fa>\n    \u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftable>","猫步简历是一款开源免费的简历制作工具，旨在帮助用户轻松创建独特、优美且专业的求职简历。它基于Vue3、TypeScript和Vite等现代前端技术栈开发，支持导出超高清PDF、图片、JSON数据及Markdown格式，并集成了AI生成、润色与多语言翻译功能。该平台提供丰富的在线模板选择，允许用户自由切换主题并高度定制简历内容。适用于需要快速高效地准备个性化简历的各种求职场景。",2,"2026-06-11 03:19:24","top_language"]