mrshiju / resume-design

一款简历设计生成器

😙化简

一款免费简历制作神器

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

目录

• 目录
  • 项目介绍
  • 演示
  • 功能介绍
  • 项目特性
  • 如何使用
    • 拉取项目
    • 安装项目依赖
    • 运行项目
    • 构建项目
    • 目录说明:
  • 交流&贡献
  • License

项目介绍

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

演示

图片：

功能介绍

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

项目特性

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

如何使用

拉取项目

git clone https://github.com/huajian-pro/resume-design.git

• 推荐使用包管理工具pnpm
• 或使用yarn、npm（node自带无需额外安装）包管理工具

pnpm全局安装方法npm i -g pnpm

安装项目依赖

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，进入微信交流群，可方便解决和提出问题。

贡献者

会飞的猪

山田

张雨凡

- luozha -

License

• MIT