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可在更 ...
随机推荐
- 1089 Insert or Merge (25分)
According to Wikipedia: Insertion sort iterates, consuming one input element each repetition, and gr ...
- PTA数据结构与算法题目集(中文) 7-34
PTA数据结构与算法题目集(中文) 7-34 7-34 任务调度的合理性 (25 分) 假定一个工程项目由一组子任务构成,子任务之间有的可以并行执行,有的必须在完成了其它一些子任务后才能执行.“ ...
- Java Interger小知识
Integer装箱与拆箱 装箱: Integer i = 10; 相当于:Integer i = Integer.valueOf(10); 拆箱: Integer i = 10; //装箱 int t ...
- BadMethodCallException : Call to undefined method App\Models\Article::setContainer()
如果你执行 php artisan db:seed 发生如下错误 说是模型中不存在 静态方法 setContainer()方法,那么你应该检查下你的DatabaseSeeder.php 文件 中的 r ...
- Git应用详解第三讲:本地分支的重要操作
前言 前情提要:Git应用详解第二讲:Git删除.修改.撤销操作 分支是git最核心的操作之一,了解分支的基本操作能够大大提高项目开发的效率.这一讲就来介绍一些分支的常见操作及其基本原理. 一.分支概 ...
- go 编译protobuf
D:\project\bin\protoc.exe --plugin=protoc-gen-go=%GOPATH%\bin\protoc-gen-go.exe --go_out=. *.proto 编 ...
- 基础类封装-pymysql库操作mysql封装
import pymysql from lib.logger import logger from warnings import filterwarnings filterwarnings(&quo ...
- YII基础
一.目录结构 应用中最重要的目录和文件(假设应用根目录是 basic): basic/ 应用根目录 composer.json Composer 配置文件, 描述包信息 config/ 包含应用配置及 ...
- Web Scraper 高级用法——使用 CouchDB 存储数据 | 简易数据分析 18
这是简易数据分析系列的第 18 篇文章. 利用 web scraper 抓取数据的时候,大家一定会遇到一个问题:数据是乱序的.在之前的教程里,我建议大家利用 Excel 等工具对数据二次加工排序,但还 ...
- python3(三十三)debug
""" 调试 """ __author__on__ = 'shaozhiqi 2019/9/23' # 调试程序 # . print打印,没 ...