当前位置: 首页 > news >正文

如何使用 pnpm创建Vue 3 项目

✅ 一、什么是 pnpm?

pnpm 是一种更快、更高效的 Node 包管理工具,替代 npmyarn,具有:

  • 更快的安装速度
  • 更节省磁盘空间(包复用)
  • 严格的依赖管理

二、使用 pnpm 创建 Vue 项目的完整流程

✅ 第一步:安装 pnpm(只需一次)

npm install -g pnpm

若权限报错,使用管理员权限打开终端,或改用 npm install -g pnpm --location=global


✅ 第二步:创建 Vue 项目

pnpm create vue

接下来会进入交互式向导:

选择:

步骤选择
📦 项目名称vue3-bigement-admin(自己输入)
✅ 选择功能Router、Pinia、ESLint、Prettier
⚙️ 实验特性none(跳过)
📁 是否为空项目是(选择 Yes)

📦 三、项目创建完之后的指令

cd vue3-bigement-admin   # 进入项目目录
pnpm install              # 安装依赖
pnpm format               # 执行格式化(Prettier)
pnpm dev                  # 启动开发服务器

常见 pnpm 命令对比

功能npm 命令pnpm 命令
安装依赖npm installpnpm install
添加依赖npm install xxpnpm add xx
移除依赖npm uninstall xxpnpm remove xx
启动项目npm run devpnpm dev
格式化代码手动配置pnpm format
http://www.lryc.cn/news/612841.html

相关文章:

  • Vue内置动画组件 Transition
  • 【FreeRTOS】(号外)任务间通讯2: 信号量- Counting Semaphore
  • 前端发布 发布前端项目流程
  • Spring AI + Redis:构建高效AI应用缓存方案
  • 华为 2025 校招目标院校
  • 杂谈:大模型与垂直场景融合的技术趋势
  • 高通芯片漏洞被在野利用,谷歌发布紧急安卓补丁
  • Swift 实战:高效设计 Tic-Tac-Toe 游戏逻辑(LeetCode 348)
  • ansible-playbook之yum
  • Daemon Tools for Mac —— 专业虚拟光驱与磁盘映像工具
  • LeetCode 面试经典 150_数组/字符串_除自身以外数组的乘积(13_238_C++_中等)(前缀积)
  • 数据结构初阶(5)队列
  • java - 深拷贝 浅拷贝
  • KT148A 语音芯片自研板烧录方案:接口预留与电路连接指南
  • 线上业务突然流量掉 0 ?一次 DNS 污染排查与自救实录
  • itextPdf获取pdf文件宽高不准确
  • 无人机航拍数据集|第8期 无人机海上目标检测YOLO数据集3641张yolov11/yolov8/yolov5可训练
  • BES2700量产项目
  • 7. 什么是事件委托
  • 经营帮:重构企业经营全流程,打造产业互联网新生态
  • 上位机知识篇---AT指令
  • LabVIEW实验室测试框架
  • 复合机器人破局之路:如何逆袭突围
  • 强化学习详解:从理论到前沿的全面解析
  • 知识随记-----Qt 实用技巧:自定义倒计时按钮防止用户频繁点击
  • GitHub 趋势日报 (2025年08月06日)
  • 网络安全与软件定义汽车的发展
  • 【LLM】扩散模型与自回归模型:文本生成的未来对决
  • 分布式事务与分布式锁
  • “物联网+职业本科”:VR虚拟仿真实训室的发展前景