This is a beta build tutorial, so its structure, implementation steps, and sample code may continue to change.
LumiCV – 使用 Vue 生成简历 PDF
LumiCV 是一个小巧的模板项目,用 Vue 3 渲染单页「简历页面」,并通过 Puppeteer 导出为可打印的 A4 PDF。
它适合作为起点:你可以自由修改 Vue 组件、文案和样式,做成自己的简历或其他单页版式,然后一键生成高质量 PDF。
📖 中文版 | English

功能特点
- Vue 3 + Vite:使用 Vue 3 搭配 Vite 的单页应用。
- A4 打印布局优化:通过 CSS
@page和固定内容宽度,让导出的 PDF 尺寸和排版更稳定。 - Puppeteer 自动化:脚本会启动 Vite 开发服务器,在无头浏览器中打开页面并导出 A4 PDF。
快速开始
1. 安装依赖
pnpm install
# 或
npm install
# 或
yarn install然后 (每个电脑只需执行一次):
npx puppeteer browsers install chrome2. 启动开发服务器
pnpm dev
# 或:npm run dev / yarn dev在浏览器中打开本地地址(默认 Vite 端口为 5173),你可以实时预览简历页面。
主要编辑入口是 src/App.vue,以及 src/components 下的一些小组件。
3. 生成 PDF
本项目通过一个简单的 Node 脚本配合 Puppeteer 输出 PDF:
pnpm pdf
# 或:npm run pdf / yarn pdf脚本会执行以下步骤:
- 使用本地
vite.config.ts启动 Vite 开发服务器; - 在无头 Chromium 中打开页面;
- 使用适配 A4 的视口渲染页面;
- 将 PDF 导出到
temp/output.pdf。
许可证
本项目基于 MIT License 开源发布。
完整许可证内容请查看仓库中的 LICENSE 文件。