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
,但是每当你对项目文件进行修改,项目会自动重启,浏览器中可以实时查看结果,非常方便。
本文持续更新!~~~
最新文章
- 点击.box跟点击.box.box1
- LoadRunner脚本参数化设置
- IronPython 设置包路径
- Ubuntu12.04安装YouCompleteMe插件
- Spring3+hibernate4+struts2整合的 过程中发生如下错误
- 关于学习HTML5中自己犯的错误
- 使用VisualStudio进行单元测试之一
- 当你还在争夺移动支付的时候,我已经统一了IC卡市场
- BZOJ 1668: [Usaco2006 Oct]Cow Pie Treasures 馅饼里的财富( dp )
- c printf()详解[转载]
- Express之get,pos请求参数的获取
- 使用performance monitor 查看 每一个cpu core的cpu time
- Django-0-环境搭建、创建项目、启动服务
- Redis的消息发布和订阅
- 使用Pip在离线环境安装Python依赖库
- matlab中常数下的点是什么意思
- JAVA多线程下载
- 2. 决策树(Decision Tree)-ID3、C4.5、CART比较
- ZH奶酪:Yii PHP sum SQL查询语句
- c语言------第一次作业,分支,顺序结构
热门文章
- 百度在PWA中阐述的弹性布局-[CSS]
- ubuntu18.04配置宽带上网
- Linux 磁盘管理篇, 目录管理(二)
- 使用 RestTemplate 进行第三方Rest服务调用
- split(resource,limit) 中limit 的含义
- C#多线程系列(3):原子操作
- 基于ffmpeg不同编码方式转码后的psnr对比
- AJ学IOS(17)UI之纯代码自定义Cell实现新浪微博UI
- [一起读源码]走进C#并发队列ConcurrentQueue的内部世界 — .NET Core篇
- Laravel 分页 数据丢失问题解决