常用的几种包管理器 npm yarn cnpm pnpm 安装

1.npm

npm是什么?npm其实是Node.js的包管理工具(packagemanager),

网址:npm | Home

例如(layui包):layui - npm (npmjs.com)

常用操作:

javascript 复制代码
PS D:\Code2024\vue-vite> node -v
v18.18.0

PS D:\Code2024\vue-vite> npm -v
9.8.1

npm install  或者npm i

npm init vue@latest

npm run dev
npm run start
npm run build
.....

2.yarn

Yam是一个由Facebook贡献的Javascript包管理器。Yarn是一个软件包管理器,还可以作为项目管理工具,无论你是小型项目还是大型单体仓库(monorepos),无论是业余爱好者还是企业用户,Yarn都能满足你的需求。

安装yarn

javascript 复制代码
//全局下载yarn
npm install -g yarn
//全局删除yarn
npm uninstall yarn -g

yarn -v
1.22.19

yarn [command] [flags]

网址:yarn global | Yarn (yarnpkg.com)

yarn 换源与换回官方源

html 复制代码
yarn config get registry
// 淘宝源
yarn config set registry https://registry.npm.taobao.org/
// 官方源
yarn config set registry https://registry.yarnpkg.com --global

3.cnpm

1.安装cnpm

javascript 复制代码
npm install -g cnpm -registry=https://registry.npm.taobao.org

4.pnpm

1.安装pnpm

前置条件:安装node,至少为v16.14.0版本

javascript 复制代码
npm install -g pnpm

pnpm -v
8.13.1

# 创建一个 package.json 文件
pnpm init
 
# 安装软件包及其依赖的任何软件包(如果 workspace 有配置会优先从 workspace 安装)
pnpm add <pkg>
 
# 安装项目所有依赖
pnpm install
 
# 更新软件包的最新版本
pnpm update
 
# 移除项目依赖
pnpm remove
 
# 运行脚本
pnpm run
 
# 以一个树形结构输出所有的已安装 package 的版本及其依赖
pnpm list
相关推荐
aha-凯心5 分钟前
前端学习 vben 之 axios interceptors
前端·学习
熊出没22 分钟前
Vue前端导出页面为PDF文件
前端·vue.js·pdf
VOLUN22 分钟前
Vue3项目中优雅封装API基础接口:getBaseApi设计解析
前端·vue.js·api
用户990450177800936 分钟前
告别广告干扰,体验极简 JSON 格式化——这款工具让你专注代码本身
前端
前端极客探险家39 分钟前
告别卡顿与慢响应!现代 Web 应用性能优化:从前端渲染到后端算法的全面提速指南
前端·算法·性能优化
袁煦丞1 小时前
【局域网秒传神器】LocalSend:cpolar内网穿透实验室第418个成功挑战
前端·程序员·远程工作
江城开朗的豌豆1 小时前
Vuex数据突然消失?六招教你轻松找回来!
前端·javascript·vue.js
好奇心笔记2 小时前
ai写代码随机拉大的,所以我准备给AI出一个设计规范
前端·javascript
江城开朗的豌豆2 小时前
Vue状态管理进阶:数据到底是怎么"跑"的?
前端·javascript·vue.js
用户21411832636022 小时前
dify案例分享-Dify v1.6.0 重磅升级:双向 MCP 协议引爆 AI 生态互联革命
前端