基于Vue3 + TypeScript + Vite + Element-plus + pinia实现
该项目为纯前端项目,所有数据存储在浏览器端,你可以利用该项目轻松制作出精美的简历。你可以随意添加删除简历模块、选择模板、更改字体大小、颜色、间距等等样式。
图片:
GIF:
- 简历模板提供
- 动态增删简历模块
- 自定义模板中字体样式
- 自定义调整模块间距
- 保存草稿功能
- 导出为PDF功能
- 重置
- 自定义头像
- 自定义各模块内容
- 使用pinia做状态管理
- 使用Vue3 + Typescript + Vite技术栈
- 可自定义图标库
安装:
$ git clone https://github.com/Hacker233/resume-design.git
$ npm install
$ npm run dev
目录说明:
├─ 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 // 项目主入口文件