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可在更 ...
随机推荐
- 201771010108 -韩腊梅-java学习进度表
2018面向对象程序设计(Java)课程进度表 周次 (阅读/编写)代码行数 发布博文量/评论他人博文数量 课余学习时间(小时) 学习收获最大的程序阅读或编程任务 1 30/40 1/0 8 ...
- 1055 The World's Richest (25分)(水排序)
Forbes magazine publishes every year its list of billionaires based on the annual ranking of the wor ...
- Flutter 实现虎牙/斗鱼 弹幕效果
老孟导读:用Flutter实现弹幕功能,轻松实现虎牙.斗鱼的弹幕效果. 先来一张效果图: 实现原理 弹幕的实现原理非常简单,即将一条弹幕从左侧平移到右侧,当然我们要计算弹幕垂直方向上的偏移,不然所有的 ...
- echarts以地图形式显示中国疫情情况实现点击省份下钻
首先要导入对应的包.下钻用到各个省份的json文件等内容导入之后进行相关的操作. 首先是从数据库中读取相应的数据文件.通过list方式.只有在ser出转化为json文件.在jsp页面通过ajax来进行 ...
- tornado的ORM
tornado的ORM 安装sqlalchemy和pymysql pip install sqlalchemy pip install pymysql 连接数据库 from sqlalchemy im ...
- 【java设计模式】(7)---策略模式(案例解析)
策略模式 一.概念 1.理解策略模式 策略模式是一种行为型模式,它将对象和行为分开,将行为定义为 一个行为接口 和 具体行为的实现.策略模式最大的特点是行为的变化,行为之间可以相互替换. 每个if判断 ...
- js骚操作骂人不带脏
前言 很多小伙伴们觉得javaScript很简单,下面的这行 javaScript代码可能会让你怀疑人生. (!(~+[])+{})[--[~+""][+[]]*[~+[]] + ...
- Python之 module安装
如出现这种错误 ModuleNotFoundError: No module named 'numpy' 这种错误通常不会出现,因为Python的模块,通常在你安装Python shell的时候,就已 ...
- 《面试经典系列》- SpringMVC原理及工作流程
前言 SpringMVC 作为 MVC 的开源框架,现在依旧是不少项目使用的重点框架.SpringMVC = Struts2 + Spring,SpringMVC就相当于 Struts2 + Spri ...
- RESTful API设计的点
RESTful API 前言 一直在使用RESTful API,但是好像概念还是很模糊的,总结下使用到的点 设计的规范 协议 API与用户的通信协议,总是使用HTTPs协议. 域名 应该尽量将API部 ...