vue-vben-admin 如何用 corepack 安装 pnpm 依赖并启动 web-antd 应用

vue-vben-admin 如何用 corepack 安装 pnpm 依赖并启动 web-antd 应用【免费下载链接】vue-vben-adminA modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. Its fast!项目地址: https://gitcode.com/GitHub_Trending/vu/vue-vben-admin如果你的目标是本地跑起 vue-vben-admin 仓库中的 Ant Design Vue 版应用vben/web-antd需要完成三件事确认 Node.js 环境满足要求用 corepack 按项目锁定的 pnpm 版本安装 monorepo 依赖然后启动 web-antd 并在浏览器中访问http://localhost:5555验证。以下路径来自项目官方文档 快速开始 和根目录 package.json可按顺序执行。准备条件确认 Node.js 与 Git 环境启动项目前文档要求环境满足Node.js 22.18.0 及以上版本可用 fnm、nvm 或 pnpm 进行版本管理Git 任意版本。用下面命令确认版本是否符合# 出现相应 node LTS版本即可 node -v # 出现相应 git 版本即可 git -v根目录 package.json 中engines声明了更精确的约束node: ^22.18.0 || ^24.12.0、pnpm: 11.0.0并且packageManager字段锁定了pnpm11.16.0。corepack 会根据这个字段自动提供对应版本的 pnpm这也是安装依赖这一步的关键。另外文档明确警告存放代码的目录及所有父级目录不能包含中文、韩文、日文或空格否则安装依赖后启动会出错。克隆仓库时先检查路径可以避免后续启动失败再排查。用 corepack 安装 pnpm 依赖在代码目录内打开终端执行# 进入项目目录 cd vue-vben-admin # 使用项目指定的pnpm版本进行依赖安装 npm i -g corepack # 安装依赖 pnpm install文档对这条路径有几个需要了解的约束项目只支持 pnpm 安装依赖。根目录 package.json 中定义了preinstall: npx only-allow pnpm用 npm 或 yarn 直接执行 install 会被拦截默认应使用 corepack 提供的项目指定版本 pnpm。网络无法访问 npm 源时可设置系统环境变量COREPACK_NPM_REGISTRYhttps://registry.npmmirror.com然后再执行pnpm install。不想使用 corepack 时需要先禁用 corepack再改用你自己的 pnpm 进行安装需自行保证满足上述 engines 约束。启动 web-antd 应用不经过交互式选择、直接启动目标应用的最短路径是pnpm run dev:antd该脚本在根目录 package.json 中定义为pnpm -F vben/web-antd run dev即在 apps/web-antd/package.json 下执行pnpm vite --mode development只启动 web-antd 这一个应用。可选分支也可以执行pnpm dev进入交互式选择该命令通过turbo-run dev运行。文档给出的选择界面示例如下文档示例实际选项以仓库当前应用为准│ ◆ Select the app you need to run [dev]: │ ● vben/web-antd │ ○ vben/web-antdv-next │ ○ vben/web-ele │ ○ vben/web-naive │ ○ vben/docs │ ● vben/playground └验证启动结果启动成功后在浏览器访问http://localhost:5555查看项目。这个端口来自应用环境配置开发模式下.env.development中设置了VITE_PORT5555见 配置文档 中的.env.development示例。如果你修改了该变量访问地址要随之调整。验证要点归纳node -v、git -v输出的版本满足 22.18.0 的要求pnpm install正常完成且未触发 only-allow pnpm 拦截执行启动命令后浏览器打开http://localhost:5555能看到 web-antd 应用页面。限制与下一步依赖安装被限定为 pnpmcorepack 是文档给出的默认方式代码目录路径含中文字符或空格会导致启动出错需在安装前保证路径干净确认本地运行无误后构建命令为pnpm build根目录 package.json 中定义web-antd 的单应用构建可执行pnpm build:antd。【免费下载链接】vue-vben-adminA modern vue admin panel built with Vue3, Shadcn UI, Vite, TypeScript, and Monorepo. Its fast!项目地址: https://gitcode.com/GitHub_Trending/vu/vue-vben-admin创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考