从零到一搭建 PNPM Monorepo 项目Vue NestJS本文教你快速搭建标准企业级 Monorepo一条命令启动前后端依赖统一管理Windows/Mac 通用。参考文档https://juejin.cn/post/7454035377106599963一、项目最终结构project-monorepo/ ├── package.json ├── pnpm-workspace.yaml ├── node_modules/ └── packages/ ├── web/ # Vue 前端 └── server/ # Nest 后端二、完整搭建步骤1. 创建根目录并初始化mkdirproject-monorepocdproject-monorepopnpminit2. 配置 Monorepo 工作区新建pnpm-workspace.yamlpackages:-packages/*3. 创建项目目录mkdirpackages4. 创建 Vue 项目pnpmcreate vite packages/web--templatevue5. 创建 NestJS 项目cdpackages nest new server --no-git --package-managerpnpmcd..6. 清理子项目依赖必须执行rd /s /q packages\web\node_modules rd /s /q packages\server\node_modules del packages\web\pnpm-lock.yaml del packages\server\pnpm-lock.yaml7. 根目录统一安装依赖pnpminstall8. 安装并发启动工具pnpmaddconcurrently-D三、脚本配置根目录 package.json{name:monorepo-project,version:1.0.0,private:true,scripts:{dev:concurrently \pnpm dev:web\ \pnpm dev:server\,dev:web:pnpm --filter web dev,dev:server:pnpm --filter server start:dev,build:pnpm build:web pnpm build:server,build:web:pnpm --filter web build,build:server:pnpm --filter server build}}Nest 关闭清屏packages/server/package.jsonstart:dev:nest start --watch --preserveWatchOutput四、常用命令pnpmi# 安装所有依赖pnpmdev# 同时启动前后端pnpmbuild# 同时打包前后端五、核心要点子项目安装依赖进入对应目录执行pnpm add xxx根目录只放工具依赖pnpm add xxx -D–filter指定子项目执行命令concurrently跨平台多命令并行–preserveWatchOutput关闭 Nest 清屏