Create Project

In this chapter, we will create a Vue project and set up the resume generation workflow.

Create Vue Project

Run the following command to create a new Vue project:

npm create vite@latest my-resume -- --template vue-ts
cd my-resume
npm install

Install Dependencies

Install additional dependencies:

npm install puppeteer
npm install -D tsx

Configure Package Scripts

Update package.json with the following scripts:

{
  "name": "my-resume",
  "version": "1.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "pdf": "tsx scripts/generate-pdf.ts",
    "build": "vue-tsc && vite build"
  }
}

Create Directory Structure

Create the following directory structure:

my-resume/
├── src/
│   ├── components/
│   ├── styles/
│   └── App.vue
├── scripts/
│   └── generate-pdf.ts
└── public/

Next Steps

In the next chapter, we will create the resume components.