Vue常用命令
约 703 字大约 2 分钟
2025-09-04
本指南整理了 Vue CLI 项目初始化、常用命令、依赖安装及现代替代方案，适用于 Vue 2 与 Vue 3 项目开发。
npm、cnpm、npx、pnpm
npm
- npm --- 官方包管理工具
安装、卸载、更新第三方包（如 vue、webpack）
管理项目依赖（dependencies 和 devDependencies）
运行脚本（通过 package.json 中的 scripts）
npm init -y # 初始化 package.json
npm install vue # 安装包（默认 --save）
npm install -D webpack # 开发依赖
npm uninstall lodash # 卸载包
npm update # 更新依赖
npm run build # 运行脚本cnpm
- cnpm --- 是由淘宝 NPM 镜像提供的命令别名
本质是 npm 的代理，所有命令指向国内镜像。
# 全局安装 cnpm
npm install -g cnpm --registry=https://registry.npmmirror.com
# 之后使用 cnpm 替代 npm
cnpm install vuenpx
- npx --- 执行包命令的利器
临时执行某个 npm 包中的命令，无需全局安装。
自动下载、运行、清理（临时安装）。
解决“全局安装污染”和“版本冲突”问题
npx create-react-app my-app #创建项目
npx vue@4.5.15 create project # 使用特定版本
npx serve（启动本地服务器） # 临时运行工具
npx vue ui（使用项目本地 vue-cli） # 执行本地命令pnpm
- pnpm --- 快速、可靠、安全的包管理工具
使用硬链接 + 符号链接机制管理依赖，避免重复下载，显著节省磁盘空间。
安装速度更快，支持高度并行化操作。
严格隔离依赖，防止“幽灵依赖”问题，提升项目可预测性与安全性。
完全兼容 npm 生态，支持 package.json 和大多数 npm 命令。
内置对 Monorepo（工作区 workspace） 的一流支持
# 安装所有依赖
pnpm install
# 设置镜像源（如淘宝镜像）
pnpm config set registry https://registry.npmmirror.com总结
| 工具 | 类型 | 适用场景 | 注意事项 |
|---|---|---|---|
| npm | 官方包管理器 | 初学者入门 小型项目 | 国内部署慢（需手动换源）；磁盘占用较大；存在“幽灵依赖”风险 |
| cnpm | npm 镜像代理工具 | 国内快速安装依赖（临时使用） 网络受限环境下的应急方案 | 不推荐用于团队协作：生成的 package-lock.json 可能不一致；非标准工具 |
| npx | 包命令执行工具 | 避免全局污染 快速试用 CLI 工具 | 依赖 npm 环境；每次执行可能重新下载（除非缓存） |
| pnpm | 现代高性能包管理器 | 中大型项目 / Monorepo 架构 团队协作项目 对安装速度、磁盘空间、安全性有要求的场景 | 极少数对 node_modules 结构敏感的工具需配置 shamefully-hoist |
常用命令
在npm 中安装pnpm 命令
npm install -g pnpm查询当前的镜像命令
npm config get registry切换镜像
npm config set registry https://registry.npmmirror.com版权所有
版权归属：念宇