基于Vue3 + TypeScript + Vite + Element-plus + pinia实现
该项目目前为纯前端项目,所有数据存储在浏览器端,你可以利用该项目轻松制作出精美的简历。你可以随意添加删除简历模块、选择模板、更改字体大小、颜色、间距等等样式。
图片:
- 简历模板提供
- 动态增删简历模块
- 自定义模板中字体样式
- 自定义调整模块间距
- 保存草稿功能
- 导出为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
若要运行项目,需要有相对应的后台,如果没有自己搭建的后台,则可以连接化简官方后台。 修改对应文件:
// src/config/index.ts
const CONFIG = {
serverAddress: 'https://huajian.smallpig.site', // 服务器地址
};
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,进入微信交流群,可方便解决和提出问题。
会飞的猪 |
山田 |
张雨凡 |
- luozha - |