npm小工具、技巧合集:让你的npm“健步如飞”

1.解决安装速度慢问题—nrm

解决痛点

由于npm的包仓库是在国外,npm包安装速度较慢,部分包甚至无法安装。

对比cnpm的优势

1.cnpm增加了大脑的记忆和思维负担,常常需要考虑使用npm还是cnpm。
2.nrm提供了多个镜像源,拥有更多的选择空间,可选择网速最为稳定的镜像源。

(三)安装

npm install -g nrm

(四)使用

查看所有镜像和当前镜像

nrm ls

下方将显示所有可供使用的镜像源,当前使用的镜像前面带一个*号。

切换镜像源

nrm use taobao

这时,已将当前镜像切换为淘宝镜像源,这样在使用npm安装任何包的时候,都会从taobao镜像源下载,大大加速下载过程。 读者可以切换到nrm ls`列出的任何一个镜像源,全凭个人需要,一般而言,taobao和cnpm的镜像源都足够快,已完全足够日常使用。

2.快速删除node_modules—rimraf

解决痛点

项目中删除node_modules费时且易导致电脑卡死。

rimraf正是解决这一痛点问题,一般可在一分钟内删除node_modules文件夹。

安装

npm i -g rimraf

使用

rimraf node_modules

以上命令在项目根目录执行后,可快速删除node_modules文件夹,而后可以重新使用npm安装项目依赖。若有异常刷新项目目录或者重启编辑器即可正常。

3.调用项目内部安装的模块—npx

解决痛点

命令行下调用项目内部安装的模块,必须使用node_modules/.bin/webpack的形式,
不然就需要全局安装,非常不方便。是否可以不用全局安装,又能简洁的调用本地安装的包呢?npx解决这一问题。

安装

Node 自带 npm 模块,所以可以直接使用 npx 命令。万一不能用,就要手动安装一下。

npm install -g npx

使用

如果我们仅在项目中本地安装了webpack,如下:

npm i -D webpack

我们要在命令行中使用webpack命令,需要这样:

node-modules/.bin/webpack ...

使用npx时,仅需在项目根目录执行:

npx webpack ...

这样不用全局安装webpack也可以方便地执行webpack命令。

4.查看node对ES6语法的支持情况—es-checker

解决痛点

node.js对ES6的语法支持与JS并不相同,比如node.js不支持ES6的import和export语句,这便是webpack这种node包的配置文件必须使用require和module.export这种commonJS语法的原因。如何能够快速查看node支持哪些ES6语法呢?

全局安装es-checker可方便的实现这一目的。

安装

npm install -g es-checker

使用

es-checker 5.node.js项目实时刷新—nodemon

安装

npm i -g nodemon

使用

nodemon app.js

这时,相当于执行node app.js,但是每当你对项目文件进行修改,项目会自动重启,浏览器中可以实时查看结果,非常方便。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjzyp.html