一款开源简历设计生成器,多种免费模板选择,还可以自定义模板、主题等等,支持导出PDF、JSON数据。

一款开源简历设计生成器,多种免费模板选择,还可以自定义模板、主题等等,支持导出PDF、JSON数据。

Property
Aug 22, 2022 08:00 PM
地址
https://github.com/huajian-pro/resume-design
notion image

notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image

化简

notion image

一款免费简历制作神器

基于Vue3 + TypeScript + Vite + Element-plus + pinia实现

目录

项目介绍

该项目目前为纯前端项目,所有数据存储在浏览器端,你可以利用该项目轻松制作出精美的简历。你可以随意添加删除简历模块、选择模板、更改字体大小、颜色、间距等等样式。

演示

图片:
notion image
notion image
notion image

功能介绍

  • 简历模板提供
  • 动态增删简历模块
  • 自定义模板中字体样式
  • 自定义调整模块间距
  • 保存草稿功能
  • 导出为PDF功能
  • 重置
  • 自定义头像
  • 自定义各模块内容
  • 导入JSON数据
  • 导出JSON文件

项目特性

  • 使用pinia做状态管理
  • 使用Vue3 + Typescript + Vite技术栈
  • 可自定义图标库

如何使用

拉取项目

git clone https://github.com/huajian-pro/resume-design.git
  • 推荐使用包管理工具pnpm
  • 或使用yarn、npm(node自带无需额外安装)包管理工具
  • Node版本请确保在v16.0及以上

安装项目依赖

cd resume-design

// 使用pnpm安装依赖(推荐)
pnpm install

运行项目

pnpm dev

构建项目

pnpm build

目录说明:

├─ doc // 项目相关文档
├─ public // 公共资源目录
├─ scripts
├─ src
│ ├─ api // 请求封装,暂时未用到
│ ├─ assets // 资源文件存放目录
│ ├─ components // 公共组件存放路径
│ ├─ router // 项目路由配置
│ ├─ schema // 简历模板JSON格式定义
| ├─ store // 状态管理文件夹
| ├─ styles // 一些样式文件
| ├─ template // 简历模板文件
| ├─ types // ts类型定义文件
| ├─ utils // 工具函数
| ├─ views // 页面文件
| └─ App.vue // 主入口页面
| └─ env.d.ts // ts类型声明文件
| └─ main.ts // 项目主入口文件

交流&贡献

添加vx:LHQfighting,进入微信交流群,可方便解决和提出问题。
notion image
notion image

贡献者

Column 1
Column 2
Column 3
Column 4
Column 5
https://avatars.githubusercontent.com/u/28037169?v=4https://avatars.githubusercontent.com/u/82024018?v=4https://avatars.githubusercontent.com/u/39397772?v=4https://avatars.githubusercontent.com/u/35727398?v=4

License