那些我经常使用过的npm指令

1,614 阅读3分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第15天,点击查看活动详情

前言:在不断的使用过程中,渐渐的我有了自己使用npm包的一套小方式,不能说很好,但对我来说已经非常方便了。

1、npm 安装其他包工具

// 添加-g 便是全局安装的意思。
npm install -g yarn
npm install -g cnpm
npm install -g pnpm

顺便说一下,我现在基本不使用npm和yarn了,感觉pnpm真的好使,没用过的可以去尝试一下。

这里注意一下:有时候在win系统下面安装完yarn后,在vscode中无法使用,提示你找不到yarn命令,便可以执行如下

以管理员运行 power shell
执行 set-executionpolicy remotesigned
输入:Y

然后重新执行命令,如果不行,就重启 vscode ,如果还不行就重启电脑再试一下

npm 命令如果在 vscode 中不能生效,有时候需要把 vscode 右键管理员运行才可以

2、查看和设置镜像源

有时候你会发现由于网络等问题,npm i,或者yarn执行中的时候,愣是不动了,很有可能下载不了了。此时可以通过更改镜像源解决。

// 查看镜像源 npm可替换为yarn、pnpm、cnpm
npm config get registry

// 设置镜像源 同样npm可替换为yarn、pnpm、cnpm
npm config set registry https://registry.npmmirror.com

淘宝镜像以10分钟一次的频率同步官网,现在淘宝镜像源地址已经跳转到registry.npmmirror.com ,换了一个更专业的域名。

当然这里还有更方便的方式去管理镜像源

3、更方便的管理镜像源

先来安装yrm、或者nrm,这两个小工具感觉是一样的功能

npm i yrm -g
npm i nrm -g

image.png 可以看到这里有这么多的镜像源,其实平常我主要使用的就是npm taobao

但是有时候可能速度是不一样,通过test指令

image.png

//测试 taobao 镜像源的速度
yrm test taobao  

// 测试 npm 镜像源的速度
yrm test npm  

// 使用taobao 镜像源
yrm use taobao  

4、pnpm 安装脚手架

// 安装
pnpm install -g @vue/cli(npm 同)
// or
yarn global add @vue/cli


// 检查是否安装成功通过版本
vue --version

// 更新版本
pnpm update -g @vue/cli

5、npm 版本号前的符号^ ~

^主版本号不会变,另外两个版本号会更新到最新
~主版本和次要版本不会变,最后一个版本号会更新到最新
啥也没有:固定版本,不会更新

6、npm安装依赖时的 -D -S 意义

-D 是在开发环境中协助开发需要使用的
-S 是生产环境打包时需要的
在package.json中 -D在devDependencies对象中,-S在dependencies对象中

但真正使用安装在devDependencies或者dependencies里都不影响使用

7、npm update 更新包

pnpm update package-name  (npm 同)

8、清理 npm 安装包的缓存

npm cache clean --force

9、初始化package.json

pnpm init(npm 同)

10、vscode中配置默认的命令行工具

image.png

  • 首先点击vscode中左下角的设置按钮,展开面板,点击设置
  • 然后输入shell,找到 Terminal> Intergrated> Default Profile: Windows
  • 下拉中选择你想使用的命令行工具,我这里选择的是Git Bash

11、总结