VUE--包管理器

本篇文章主要讲vue的包管理器:npm、yarn以及pnpm。

一、安装

npm无需单独安装,安装node的时候,就一起安装好了。

yarn:通过 npm i yarn -g,把yarn当做全局包安装即可(所有系统都可以这样安装)。

Windows -- 可以选择安装程序安装;

Mac -- sudonpm i -g yarn;

安装以后,可以通过yarn -v查看版本号,看到版本号,代表安装成功。

**pnpm:**通过npm i -g pnpm,把pnpm当做全局包安装即可(所有系统都可以这样安装)。

也可使用安装程序安装。

安装以后,可以通过pnpm -v查看版本号,看到版本号,代表安装成功。

yarn安装示例:

pnpm安装示例:

也可以修改yarn和pnpm的镜像源

javascript 复制代码
yarn config set registry https://registry.npmmirror.com
pnpm config set registry https://registry.npmmirror.com

二、命令对比

三、如何区别项目使用的是哪个管理器

查看项目文件夹:

(1)有 pnpm-lock.yaml 这个文件时,说明使用的是pnpm

(2)有package-lock.json这个文件时,说明使用的是npm

(3)有 yarn.lock这个文件时,说明使用的是yarn

注意:一个项目使用中途不要换包管理器。

相关推荐
前端摸鱼匠2 小时前
Vue 3 的v-bind合并行为:讲解v-bind与普通属性合并的规则
前端·javascript·vue.js·前端框架·ecmascript
REDcker2 小时前
浏览器端Web程序性能分析与优化实战 DevTools指标与工程清单
开发语言·前端·javascript·vue·ecmascript·php·js
donecoding3 小时前
一个 sudo 引发的血案:npm 全局包权限错乱彻底修复
前端·node.js·前端工程化
风骏时光牛马3 小时前
Raku正则匹配与数据批量处理实操案例
前端
nbwenren4 小时前
2026实测:Gemini 3 镜像站视觉能力实践——拍照原型图,一键生成 HTML+CSS 代码
前端·css·html
Lee川4 小时前
Prisma 实战指南:像搭积木一样设计古诗词数据库
前端·数据库·后端
Linsk4 小时前
Java和JavaScript的关系真是雷峰和雷峰塔的关系吗?
java·javascript·oracle
当时只道寻常4 小时前
浏览器文本复制到剪贴板:企业级最佳实践
javascript
jinanwuhuaguo4 小时前
(第二十九篇)OpenClaw 实时与具身的跃迁——从异步孤岛到数字世界的“原住民”
前端·网络·人工智能·重构·openclaw