# {frontmatter.title}

This tutorial will guide you through building a resume page with Vue 3 and exporting it to a printable A4 PDF using Puppeteer.

Project Overview

We will develop a resume generation tool with the following features:

• Vue 3 component-based resume page development

- A4 print layout optimization for stable PDF output
- Puppeteer automation for high-quality PDF export
- Customizable styles and content

## Tech Stack

- **Vue 3**: Progressive JavaScript framework
- **Vite**: Next-generation frontend build tool
- **Puppeteer**: Node.js headless browser control library
- **TypeScript**: Type-safe JavaScript superset

## Requirements

- Node.js 18+
- pnpm / npm / yarn
- Modern browser

## Contents

[00-Environment Setup](./00-Environment_Setup.mdx)

[01-Create Project](./01-Create_Project.mdx)

[02-Resume Components](./02-Resume_Components.mdx)

[03-PDF Generation](./03-PDF_Generation.mdx)

[04-Custom Styles](./04-Custom_Styles.mdx)

## Preview

After completing this tutorial, you will be able to:

1. Preview your resume page in real-time in the browser
2. Generate high-quality A4 PDF with one click
3. Freely customize resume content and styles

## About the Author

If you encounter any problems during the learning process, feel free to open an issue on GitHub.

## Support

If this tutorial helps you, please give the project a star ⭐️