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“健步如飞”的更多相关文章

  1. SpringBoot | 番外:使用小技巧合集

    前言 最近工作比较忙,事情也比较多.加班回到家都十点多了,洗个澡就想睡觉了.所以为了不断更太多天,偷懒写个小技巧合集吧.之后有时间都会进行文章更新的.原创不易,码字不易,还希望大家多多支持!话不多说, ...

  2. IntelliJ IDEA必装插件以及SpringBoot使用小技巧合集

    IntelliJ IDEA必装插件 有不知道怎么安装的吗?File-->settings打开设置面板,找到plugins,输入想要安装的插件回车即可 1.背景图片 目前,IDEA支持设置背景图片 ...

  3. Android Studio 小技巧合集

    本文翻译自 Android Studio Tips by Philippe Breault,一共收集了62个 Android Studio 使用小技巧和快捷键. 根据这些小技巧的使用场景,本文将这62 ...

  4. Qt开发经验小技巧合集

    一.开发经验总结 当编译发现大量错误的时候,从第一个看起,一个一个的解决,不要急着去看下一个错误,往往后面的错误都是由于前面的错误引起的,第一个解决后很可能都解决了. 定时器是个好东西,学会好使用它, ...

  5. 62个Android Studio小技巧合集

    1书签(Bookmarks) 描述:这是一个很有用的功能,让你可以在某处做个标记(书签),方便后面再跳转到此处. 调用:Menu → Navigate → Bookmarks 快捷键: 添加/移除书签 ...

  6. SpringBoot 使用小技巧合集

    原文:https://my.oschina.net/xiedeshou/blog/1926191 设置网站图标 原来我们在使用tomcat开发时,设置网站图片时,即icon图标时,一般都是直接替换ro ...

  7. javascript技巧合集

    转http://www.blogjava.net/zhaochengming/archive/2010/04/09/317837.html http://www.cnblogs.com/fxgachi ...

  8. 转:Andriod studio技巧合集

    1. 书签(Bookmarks) 描述:这是一个很有用的功能,让你可以在某处做个标记(书签),方便后面再跳转到此处. 调用:Menu → Navigate → Bookmarks 快捷键: 添加/移除 ...

  9. Android系统级技巧合集

    Android系统级技巧合集(随时更新) #转载请注明来源# 1.高通骁龙系列查看CPU体质等级 CPU体质,即为CPU在工作频率下的电压.同一批次的CPU体质各有不同,体质越高,代表该颗CPU可在更 ...

随机推荐

  1. 为什么Swift和Python要抛弃++\--?

    简单好用的++.-- 说到自增(++)\自减(--)运算符,小伙伴们应该都不会陌生,在很多编程语言的代码中,都经常出现它们的身影. 比如常用的for语句 for (int i = 0; i < ...

  2. touch方向锁定

    <!DOCTYPE html> <html> <head> <meta name="viewport" content="wid ...

  3. jmeter发送Query String Parameters格式参数报错

    当发起一次GET请求时,参数会以url string的形式进行传递.即?后的字符串则为其请求参数,并以&作为分隔符 当参数为json格式时,这时需要勾选编码,否则会报错

  4. Mysql千万级记录表分表策略

    目前,比较流行的分表为2倍扩容. 表A(id, name, age, sex) 基于自增id分表, 通过触发器先同步A到B, 程序通过mod 2操作数据,然后drop掉触发器,在 删除两个A表的偶数i ...

  5. 今天无意中看到了str_split这个函数

    前2天做广点通统计接口进行回调时需要加密,其中Python对字符串遍历很方便. s = 'abcd' for ch in s: print ch 但是PHP我想了半天还是老样子for循环之类的: &l ...

  6. javascript 入门 之 bootstrap 第一个程序

    <table data-toggle="table"> <thead> <tr> <th>Item ID</th> &l ...

  7. 《SQL 反模式》 学习笔记

    第一章 引言 GoF 所著的的<设计模式>,在软件领域引入了"设计模式"(design pattern)的概念. 而后,Andrew Koenig 在 1995 年造了 ...

  8. 用python画出全球疫情趋势变化图

    前言 文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理. 作者:谦睿科技 PS:如有需要Python学习资料的小伙伴可以加点击下方链接 ...

  9. spring源码阅读笔记08:bean加载之创建bean

    上文从整体视角分析了bean创建的流程,分析了Spring在bean创建之前所做的一些准备工作,并且简单分析了一下bean创建的过程,接下来就要详细分析bean创建的各个流程了,这是一个比较复杂的过程 ...

  10. L1线性回归

    线性回归 主要内容包括: 线性回归的基本要素 线性回归模型从零开始的实现 线性回归模型使用pytorch的简洁实现 代码下载地址 https://download.csdn.net/download/ ...