关于前端:都2022-年了你总不能还只会-npm-i-吧-🔥

在键帽与字符上横跳，于代码和程序中穿梭。一起面向高兴编程！

大家好，我是荣顶，马上金三银四啦 ~ 这次给大家带来一篇 npm 命令相干的文章。目标在于查缺补漏，晋升效率。

npm 作为 node 包管理器，内置了十分多的命令供咱们日常开发应用，记住以下列出的命令将会给日常开发带来十分大的便利性。

好了，话不多说，看代码 👇

给喜爱的包加星(相似 github 的 star)

其实我把加星就当作是珍藏的操作，其实在 npm 中它就是珍藏的作用，因为在官网中，咱们并不能像 github 一样分明的看到这个仓库有多少颗 star。

npm star [package-name]

勾销珍藏

npm unstar [package-name]

查看珍藏列表

npm stars

这些操作都会报错在你的账号下，所以很不便。不必放心本机操作后其余中央看不到。你只须要有一个 npm 账户就能够了，还没有的话，能够看本文第二节 👇 ，注册一个并登录吧。

登录 npm

首先你要有一个 npm 的账号，没有的在👉npm 官网注册一个就行了。

留神:在官网注册的账号，登陆时应用淘宝源会报错，要改回默认源

举荐应用 nrm 或者 yrm 来疾速切换镜像源,集体举荐应用 yrm,为什么呢?看下图

yrm 会同时将你的 npm 和 yarn 一起切换,并且 ls 后会有*号标注以后正在应用的源,记得 nrm 以前也有的,当初不晓得怎么了…

当然你能够手动 npm 切换为默认源

npm config set registry https://registry.npmjs.org

而后执行命令npm login,顺次填写用户名、明码、邮箱即可。如果你在 npmjs 站点还设置了其余爱护，就还须要输出一些验证码之类的等等…

npm adduser
# or
npm login
# login是adduser的一个别名

你能够通过以下命令查看以后 npm 的登陆人

npm whoami

查看某个包的文档

每次咱们想在浏览器中关上某个包的文档，总习惯去搜索引擎搜寻，其实一行命令就能解决的事件,不要再去百度搜寻啦~

# 此命令会尝试猜想包文档 URL 的可能地位，个别没有自定义的话，就会关上包的github地址。
npm docs [package-name]
# or
npm home [package-name]

尝试以下命令，能够疾速关上 lodash 的官网文档 👇

npm docs lodash
# or
npm home lodash

npm docs或者npm home命令在不接参数时，会在以后我的项目中，通过 package.json 文件中的homepage配置，来关上对应的地址。

如上图所示，其原理就是：当你要查看的我的项目中的 package.json 文件中，设置了homepage属性，通过npm docs/home就能关上对应的主页，没有设置homepage属性时，npm 会持续寻找其中的repository属性，这时候关上的就是我的项目在 github 中的托管地址 url 拼接“#readme” (例如： https://github.com/用户名/仓库名#readme)，如果你repository属性也没设置，那么就会关上 npm 官网中包的所在地址，（例如：https://www.npmjs.com/package…）

当然，你也能够在npm docs/home后不接参数，这样就会间接关上以后我的项目的主页。

查看某个包的代码仓库

想看某个包的源码?还要跑到 github 去搜寻?nonono,也是一行代码。

# 此命令尝试猜想包的存储库 URL 的可能地位
npm repo [package-name]

👆 它是依据我的项目中的 package.json 文件中，设置的repository属性，来关上对应的 url。

疾速给一个包提 issues

npm bugs [package-name]

👆 它是依据我的项目中的 package.json 文件中，设置的bugs属性，来关上对应的 url。

查看某个包的详细信息

这个命令有什么用呢？能够很不便的看到指定包的详细信息，比方咱们想找到包的作者以及 ta 的联系方式（交流学习）。

npm v [package-name]
# or
npm view [package-name]
npm info [package-name]
npm show [package-name]

查看某个包的所有历史版本

npm v [package-name] versions

本地开发的 npm 包如何调试

咱们能够像平常一样将本地开发的 npm 包装置到全局或指定目录。

npm install . -g

# 在某个我的项目中装置本地包
npm install ../Path/xxPackageName

也能够做一个软链指向以后须要调试的我的项目(全局)

npm link

将调试包链接到以后我的项目中（先做一个软链指向以后须要调试的我的项目）

# 先在本地开发的 npm 包中执行👇
npm link
# 而后切换到你要装置本地调试包的我的项目中，执行👇，即可将本地包装置到我的项目依赖中
npm link <package-name>

# 我的项目中勾销装置本地的调试包👇
npm unlink <package-name>

npm 公布包

首先，你得在本地登录（不会的看文章最结尾的登录办法 👆）

登录实现后，公布本人开发的工具包，只需简略的三步！

留神:应用淘宝源会报错，要改回默认源

记得每次公布前，批改下版本号！

npm version [版本号]

而后当前目录执行npm publish就好了

npm publish

弃用包的相干操作

留神：强烈建议弃用包或包版本而不是勾销公布它们，因为勾销发布会从注册表中齐全删除一个包，这意味着任何依赖它的人都将无奈再应用它，而不会收回正告。

弃用整个包

npm deprecate package-name "弃用信息"

弃用包的单个版本

npm deprecate package-name@version "弃用信息"

勾销弃用操作

# 将弃用音讯改为空字符串即可
npm deprecate package-name ""

勾销公布（危险操作）*

勾销公布整个包

npm unpublish [package-name] -f

勾销公布包的指定版本

npm unpublish [package-name]@<version>

勾销公布包后，以雷同名称从新公布将被阻止 24 小时。如果您谬误地勾销公布了一个包，咱们建议您以不同的名称再次公布，或者对于未公布的版本，减少版本号并再次公布。

一些好用的其余操作

包的重命名

# （重命名包的惟一办法是以新名称从新公布它）

查看以后我的项目中有哪些包过期了

npm outdated

查看本地全局环境的包有哪些过期了

npm outdated -g --depth=0

列出 node_modules 中的所有包

ls node_modules
# or
dir node_modules

审计我的项目中所有包的安全漏洞

npm audit
# 这个命令依赖 package-lock.json 文件,所以如果你用的是yarn须要应用上面的命令
yarn audit

执行后会列出有问题的包

报告中会给出它问题的严重性,你就能够依据具体情况来进行版本更新或是调整。

npm token list

检测一下以后镜像源的提早

npm ping

检测以后 node 和 npm 存在的问题 👇

npm doctor

最初

我是荣顶，一个面向高兴编程的前端开发 🥰
如果你也十分酷爱前端相干技术！扫描它👇 拉你进百人前端交换群 🦄

回复 [加群]，将拉你进学习交换群，与其余前端爱好者共同进步！
回复 [书籍]，获取大量前端pdf书籍。