基于Vue3 + TypeScript + Vite + Element-plus + pinia实现
线上地址:https://91huajian.cn
这是一个开源的简历制作项目,项目提供了多套精美的简历模板,用户可以自行设置主题色、字号、间距等等,项目提供了高清PDF打印和JSON输出功能。除此之外,用户还可以根据不同的物料组件随意组合出自己想要的简历。
该项目已发布两个纯前端版本,这两个纯前端版本之后,项目将接入后台系统,所以如果单纯想要学习前端的小伙伴可以直接下载发布的两个版本之一即可。
纯前端版本:https://github.com/huajian-pro/resume-design/releases
图片:
- 用户登录注册功能
- 简历模板提供
- 动态增删简历模块
- 自定义模板中字体样式
- 自定义调整模块间距
- 保存草稿功能
- 导出为高清PDF功能
- 重置
- 自定义头像
- 自定义各模块内容
- 导入JSON数据
- 导出JSON文件
- 使用pinia做状态管理
- 使用Vue3 + Typescript + Vite技术栈
- 可自定义图标库
git clone https://github.com/huajian-pro/resume-design.git
pnpm全局安装方法
npm i -g pnpm
cd resume-design
// 使用pnpm安装依赖(推荐)
pnpm install
若要运行项目,需要有相对应的后台,如果没有自己搭建的后台,则可以连接91化简官方后台。 修改对应文件:
// src/config/index.ts
const CONFIG = {
serverAddress: 'https://91huajian.cn', // 服务器地址
};
console.log('运行环境', CONFIG);
export default CONFIG;
pnpm dev
pnpm build
├─ build // vite打包配置相关文件目录
├─ doc // 项目相关文档
├─ public // 公共资源目录
│ ├─ json // 模板JSON文件存放目录
├─ types // 全局类型声明目录
├─ src
│ ├─ assets // 资源文件存放目录
│ ├─ components // 公共组件存放路径
│ ├─ config // 相关配置文件
│ ├─ dictionary // 相关字典文件存放目录
│ ├─ hooks // 定义的一些Vue3的hooks
│ ├─ http // 全局请求封装目录
│ ├─ interface // 接口文件存放目录
│ ├─ material // 物料组件存放目录
│ ├─ options // 属性面板设置组件存放目录
│ ├─ router // 路由文件存放目录
│ ├─ schema // 简历模板JSON格式定义
| ├─ store // 状态管理文件夹
| ├─ style // 一些样式文件
| ├─ template // 简历模板配置文件
| ├─ utils // 工具函数
| ├─ views // 页面文件
| └─ App.vue // 主入口页面
| └─ env.d.ts // ts类型声明文件
| └─ main.ts // 项目主入口文件
添加vx:LHQfighting,进入微信交流群,可方便解决和提出问题。
会飞的猪 |
_island |
张雨凡 |
- luozha - |
Sam |