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,但是每当你对项目文件进行修改,项目会自动重启,浏览器中可以实时查看结果,非常方便。
本文持续更新!~~~
npm小工具、技巧合集:让你的npm“健步如飞”的更多相关文章
- SpringBoot | 番外:使用小技巧合集
前言 最近工作比较忙,事情也比较多.加班回到家都十点多了,洗个澡就想睡觉了.所以为了不断更太多天,偷懒写个小技巧合集吧.之后有时间都会进行文章更新的.原创不易,码字不易,还希望大家多多支持!话不多说, ...
- IntelliJ IDEA必装插件以及SpringBoot使用小技巧合集
IntelliJ IDEA必装插件 有不知道怎么安装的吗?File-->settings打开设置面板,找到plugins,输入想要安装的插件回车即可 1.背景图片 目前,IDEA支持设置背景图片 ...
- Android Studio 小技巧合集
本文翻译自 Android Studio Tips by Philippe Breault,一共收集了62个 Android Studio 使用小技巧和快捷键. 根据这些小技巧的使用场景,本文将这62 ...
- Qt开发经验小技巧合集
一.开发经验总结 当编译发现大量错误的时候,从第一个看起,一个一个的解决,不要急着去看下一个错误,往往后面的错误都是由于前面的错误引起的,第一个解决后很可能都解决了. 定时器是个好东西,学会好使用它, ...
- 62个Android Studio小技巧合集
1书签(Bookmarks) 描述:这是一个很有用的功能,让你可以在某处做个标记(书签),方便后面再跳转到此处. 调用:Menu → Navigate → Bookmarks 快捷键: 添加/移除书签 ...
- SpringBoot 使用小技巧合集
原文:https://my.oschina.net/xiedeshou/blog/1926191 设置网站图标 原来我们在使用tomcat开发时,设置网站图片时,即icon图标时,一般都是直接替换ro ...
- javascript技巧合集
转http://www.blogjava.net/zhaochengming/archive/2010/04/09/317837.html http://www.cnblogs.com/fxgachi ...
- 转:Andriod studio技巧合集
1. 书签(Bookmarks) 描述:这是一个很有用的功能,让你可以在某处做个标记(书签),方便后面再跳转到此处. 调用:Menu → Navigate → Bookmarks 快捷键: 添加/移除 ...
- Android系统级技巧合集
Android系统级技巧合集(随时更新) #转载请注明来源# 1.高通骁龙系列查看CPU体质等级 CPU体质,即为CPU在工作频率下的电压.同一批次的CPU体质各有不同,体质越高,代表该颗CPU可在更 ...
随机推荐
- 解决MySQL workbench的resultgird不出现的问题
23:01:37 2019-08-08 鸽了好久 终于开始看怎么使用MySQL workbench了 首先就是遇到了result gird不显示的问题 搜了 重启是一种办法(这方法...至少能用) 其 ...
- docker中使用mysql数据库详解(在局域网访问)
开发过程中经常需要安装.调试mysql数据库,还需要在各种操作系上安装包依赖,实在是繁琐,因此就研究了一下如何在docker上运行一个mysql镜像,省却了我安装.找依赖的问题. 注:本文所有内容均在 ...
- C语言 加密解密
加密解密算法,对于一个未接触加密的人来说,这听起来是多么可望而不可及,但是只要我们理解了加密的本质,对于它就没那么陌生了,更难的是加密的算法,而不是加密这个术语上! 我们知道,文本文件是以ascii码 ...
- 浏览器判断兼容IE
很多时候IE浏览器的兼容性问题总是让人很头疼,或许是样式的或许是脚本的.总之因为IE的低版本问题会引发各种各样的问题出来. function isUnderIE10() {//IE 6,7,8,9 i ...
- 盘点一下Github上开源的编程面试/学习相关的仓库
转载自:JavaGuide 最近浏览 Github ,收藏了一些还算不错的 Java面试/学习相关的仓库,分享给大家,希望对你有帮助.我暂且按照目前的 Star 数量来排序. 本文由 SnailCli ...
- "字体图标"组件:<icon> —— 快应用组件库H-UI
 <import name="icon" src="../Common/ui/h-ui/basic/c_icon"></import> ...
- 1、jmeter语言设置、版本颜色
- 修改Sysvol复制方式
最近博主在做公司的AD系统升级,首先在做AD系统升级前,一定要认真的调研!!!!在调研是否可升级的过程中 博主发现我司SYSVOL的复制方式还是FRS(没升级前公司是Windows server 20 ...
- mysql 的CURDATE() 与 NOW() 的区别
SELECT CURDATE() 查询出的是当前天的开始时间点,比如今天是 2015.02.03号,那不管我在今天什么时间点查询,结果都是今天的凌晨,即今天的开始的那个时间点,因为它只具体到年月日,没 ...
- Thinking in Java,Fourth Edition(Java 编程思想,第四版)学习笔记(一)之Introduction
Learn Java I found out that I and other speakers tended to give the typical audience too many topics ...