npm、yarn常用命令

1、设置npm路径

javascript 复制代码
#全局安装路径
npm config set prefix "D:\Program Files\nodejs\node_global"
#缓存路径
npm config set cache "D:\Program Files\nodejs\node_cache"

2、设置镜像

java 复制代码
#1,淘宝镜像源
npm config set registry https://registry.npmmirror.com
npm config set registry https://registry.npm.taobao.org

#2,腾讯云镜像源
npm config set registry http://mirrors.cloud.tencent.com/npm/

#3,华为云镜像源
npm config set registry https://mirrors.huaweicloud.com/repository/npm/

# 官方默认全局镜像
npm config set registry https://registry.npmjs.org

#检查当前镜像
npm config get registry
3、常用命令简写说明
javascript 复制代码
-g: #--global 的缩写,表示安装到全局目录里
-S: #--save 的缩写,表示安装的包将写入package.json里面的dependencies
-D: #--save-dev 的缩写,表示将安装的包将写入packege.json里面的devDependencies
 i: #install的缩写,表示安装
4、安装模块
javascript 复制代码
npm init  # npm 初始化当前目录
npm i   # 安装所有依赖
npm install   # 安装所有依赖
npm i express  # 安装模块到默认dependencies
# 安装指定版本和临时源
npm install -g express@2.5.8 --registry=https://registry.npm.taobao.org

npm i express -g  # 会安装到配置的全局目录下
npm i express -S  # 安装包信息将加入到dependencies生产依赖
npm i express -D  # 安装包信息将加入到devDependencies开发依赖
5、卸载模块
java 复制代码
npm uninstall express  # 卸载模块,但不卸载模块留在package.json中的对应信息
npm uninstall express -g  # 卸载全局模块
npm uninstall express --save  # 卸载模块,同时卸载留在package.json中dependencies下的信息
npm uninstall express --save-dev  # 卸载模块,同时卸载留在package.json中devDependencies下的信息
6、更新模块
java 复制代码
npm update express  # 更新最新版本的express
npm update express@2.1.0  # 更新到指定版本号的express
npm update express@latest  # 更新到最后的新版本
7、查看命令
java 复制代码
npm -v   #查看版本号
npm root  # 查看项目中模块所在的目录
npm root -g  # 查看全局安装的模块所在目录
npm list 或者 npm ls  # 查看本地已安装模块的清单列表
npm view express dependencies  # 查看某个包对于各种包的依赖关系
npm view express version  # 查看express最新的版本号
npm view express versions  # 查看所有express历史版本号(很实用)
npm view express  # 查看最新的express版本的信息
npm info express  # 查看express的详细信息,等同于上面的npm view express
npm list express 或 npm ls express  # 查看本地已安装的express的详细信息
npm view express repository.url  # 查看express包的来源地址
8、其他命令
java 复制代码
npm cache clean  # 清除npm的缓存
npm prune  # 清除项目中没有被使用的包
npm outdated  # 检查模块是否已经过时
npm repo express  # 会打开默认浏览器跳转到github中express的页面
npm docs express  # 会打开默认浏览器跳转到github中express的README.MD文件信息
npm home express  # 会打开默认浏览器跳转到github中express的主页
npm install -g npm@9.8.1 # 升级npm
9、通过使用淘宝定制的cnpm安装
java 复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 查看版本号
cnpm -v
10、yarn用法
java 复制代码
1、安装yarn 
npm install -g yarn

2、安装成功后,查看版本号: 
yarn --version

3、初始化项目 
yarn init # 同npm init,执行输入信息后,会生成package.json文件
yarn的配置项: 
yarn config list # 显示所有配置项
yarn config get <key> # 显示某配置项
yarn config delete <key> # 删除某配置项
yarn config set <key> <value> [-g|--global] #设置配置项
yarn config set registry https://registry.npmmirror.com # 添加淘宝源

4、安装包: 
yarn install # 安装package.json里所有包,并将包及它的所有依赖项保存进yarn.lock
yarn install --flat # 安装一个包的单一版本
yarn install --force # 强制重新下载所有包
yarn install --production # 只安装dependencies里的包
yarn install --no-lockfile # 不读取或生成yarn.lock
yarn install --pure-lockfile # 不生成yarn.lock

5、添加包(会更新package.json和yarn.lock)
yarn add [package] #  在当前的项目中添加一个依赖包,会自动更新到package.json和yarn.lock文件中
yarn add [package]@[version] #  安装指定版本,这里指的是主要版本,如果需要精确到小版本,使用-E参数
yarn add [package]@[tag] #  安装某个tag(比如beta,next或者latest)

# 不指定依赖类型默认安装到dependencies里,你也可以指定依赖类型:
yarn add --dev/-D #  加到 devDependencies
yarn add --peer/-P #  加到 peerDependencies
yarn add --optional/-O #  加到 optionalDependencies

# 默认安装包的主要版本里的最新版本,下面两个命令可以指定版本:
# 安装包的精确版本。例如yarn add test@1.2.3会接受1.9.1版,但是yarn add test@1.2.3 --exact只会接受1.2.3版
yarn add --exact/-E 
#  安装包的次要版本里的最新版。例如yarn add foo@1.2.3 --tilde会接受1.2.9,但不接受1.3.0
yarn add --tilde/-T 

6、发布包
yarn publish

7、移除一个包 
yarn remove <packageName>:移除一个包,会自动更新package.json和yarn.lock

8、更新一个依赖 
yarn upgrade 用于更新包到基于规范范围的最新版本

9、运行脚本 
yarn run 用来执行在 package.json 中 scripts 属性下定义的脚本

10、显示某个包的信息 
yarn info <packageName> 可以用来查看某个模块的最新版本信息

11、缓存 
yarn cache 
yarn cache list # 列出已缓存的每个包 
yarn cache dir # 返回 全局缓存位置 
yarn cache clean # 清除缓存
11、npm和yarn对比

|-----------------------|-----------------------------|---------------------|
| | npm | yarn |
| 安装package.json里所有包 | npm install | yarn |
| 指定依赖类型安装到dependencies | npm install 依赖包名 --save-dev | yarn add 依赖包名 --dev |
| 添加指定依赖包 | npm install 依赖包名 --save | yarn add 依赖包名 |
| 启动项目 | npm run serve | yarn serve |
| 打包项目 | npm run build | yarn build |

12、pnpm用法
java 复制代码
# 安装指定版本pnpm
npm install -g pnpm@6.32.2

#安装软件包及其依赖的任何软件包 如果workspace有配置会优先从workspace安装
pnpm add <pkg>
#安装项目所有依赖
pnpm install
#更新软件包的最新版本
pnpm update
#移除项目依赖
pnpm remove
#运行脚本
pnpm run
#创建一个 package.json 文件
pnpm init
#以一个树形结构输出所有的已安装package的版本及其依赖
pnpm list
相关推荐
明月清风徐徐6 分钟前
Vue实训---2-路由搭建
前端·javascript·vue.js
王解14 分钟前
速度革命:esbuild如何改变前端构建游戏 (1)
前端·vite·esbuild
葡萄城技术团队22 分钟前
使用 前端技术 创建 QR 码生成器 API1
前端
DN金猿24 分钟前
Vue移动端网页(H5)预览pdf文件(pdfh5和vue-pdf)(很详细)
前端·vue.js·pdf
鸽鸽程序猿32 分钟前
【前端】javaScript
开发语言·前端·javascript
秦时明月之君临天下40 分钟前
React和Next.js的相关内容
前端·javascript·react.js
上官花雨1 小时前
什么是axios?怎么使用axios封装Ajax?
前端·ajax·okhttp
米奇妙妙wuu1 小时前
React中 setState 是同步的还是异步的?调和阶段 setState 干了什么?
前端·javascript·react.js
李刚大人1 小时前
react-amap海量点优化
前端·react.js·前端框架
闹闹没有闹2 小时前
socket连接封装
前端