LumiCV – 使用 Vue 生成简历 PDF

LumiCV 是一个小巧的模板项目,用 Vue 3 渲染单页「简历页面」,并通过 Puppeteer 导出为可打印的 A4 PDF。
它适合作为起点:你可以自由修改 Vue 组件、文案和样式,做成自己的简历或其他单页版式,然后一键生成高质量 PDF。

📖 中文版 | English

Hero

功能特点

  • 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 chrome

2. 启动开发服务器

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

脚本会执行以下步骤:

  1. 使用本地 vite.config.ts 启动 Vite 开发服务器;
  2. 在无头 Chromium 中打开页面;
  3. 使用适配 A4 的视口渲染页面;
  4. 将 PDF 导出到 temp/output.pdf

许可证

本项目基于 MIT License 开源发布。
完整许可证内容请查看仓库中的 LICENSE 文件。