😙化简

一款免费简历制作神器

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

目录

• 目录
  • 项目介绍
  • 演示
  • 功能介绍
  • 项目特性
  • 如何使用
    • 拉取项目
    • 安装项目依赖
    • 运行项目
    • 构建项目
    • 目录说明:
    • 参考代码:
  • License

项目介绍

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

演示

图片：

功能介绍

• 简历模板提供
• 动态增删简历模块
• 自定义模板中字体样式
• 自定义调整模块间距
• 保存草稿功能
• 导出为PDF功能
• 重置
• 自定义头像
• 自定义各模块内容
• 导出JSON文件
• 集成openAI，实现AI对话，支持流式响应，上下文对话(开发中···)
• 更多的功能，敬请期待...

项目特性

• 技术栈：Pnpm++ Vite+Vue3 + Typescript+Pinia
• 规范化：Eslint+Pretties+Commit-lint+husky
• 打包优化：代码压缩+图片压缩+懒加载+按需打包

如何使用

拉取项目

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

• 推荐使用包管理工具pnpm
• 或使用yarn、npm（node自带无需额外安装）包管理工具
• Node版本请确保在v16.0及以上

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     // 项目主入口文件

参考代码：

https://github.com/Hacker233/resume-design

License

• MIT