创建项目

在本章中,我们将创建 Vue 项目并设置简历生成工作流。

创建 Vue 项目

运行以下命令创建新的 Vue 项目:

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

安装依赖

安装额外依赖:

npm install puppeteer
npm install -D tsx

配置脚本

更新 package.json 中的脚本:

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

创建目录结构

创建以下目录结构:

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

下一步

在下一章中,我们将创建简历组件。