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可在更 ...
随机推荐
- PTA数据结构与算法题目集(中文) 7-9
PTA数据结构与算法题目集(中文) 7-9 7-9 旅游规划 (25 分) 有了一张自驾旅游路线图,你会知道城市间的高速公路长度.以及该公路要收取的过路费.现在需要你写一个程序,帮助前来咨询的游 ...
- CSS 基础(二)
本节内容: 文本 字体 链接 列表 表格 一.文本 文本颜色 颜色属性被用来设置文字的颜色. 三种方式: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的 ...
- node+express+mysql实现简单的数据增删改查
前提 电脑已经安装了node,express,mysql. 实现步骤 1.新建数据库表 附数据表结构: 2.创建exprss项目 express -e myapp 新建一个以ejs为模板的expre ...
- python 函数--匿名函数
一.匿名函数的定义: 解决一些简单的需要用函数去问题,匿名函数的函数体只有一行. 二.格式: calc = lambda n:n**n 函数名 = 匿名函数 参数:返回值 三.练习:
- Flask 入门(一)(Mac 系统)
熟话说,万事开头难,为了运行这第一个程序,我可是碰了不少壁,接下来我将正确的方法交给大家. 1.首先得有python和虚拟环境 (1)python环境苹果系统自带 (2)虚拟环境: 安装virtual ...
- javascript入门 之 ztree(五 自定义字体)
<!--<!DOCTYPE html>--> <!--<HTML>--> <!--<HEAD>--> <!--<TI ...
- 【第二章】黎姿的python学习笔记
- scp 使用方法
scp就是secure copy,一个在linux下用来进行远程拷贝文件的命令.有时我们需要获得远程服务器上的某个文件,该服务器既没有配置ftp服务器,也没有做共享,无法通过常规途径获得文件时,只需要 ...
- Array(数组)对象-->concat() 方法
1.定义和用法 concat() 方法用于连接两个或多个字符串. 语法: string.concat(string1, string2, ..., stringX) 举例: var str1='hel ...
- ConcurrentHashMap 同步安全 的真正含义(stringbuff 是同步安全的,stringbutter 不安全)
同步安全的集合,在多线程下用到这个map是安全的,但这个安全指的是什么?线程安全指的是指get.remove.put等操作时即同一对象,同一时间只有一个线程能在这几个方法上运行,也就是说线程安全是在这 ...