好用的npm模块记录

标签: node


node盛行的今天,前端开发已经离不开npm模块的使用,大名鼎鼎的如gulp,webpack等,此处不多说,除了它们有那么几个常用的npm模块是我喜欢并依赖它的,下面就是我平时工作中经常用到并且十分喜爱的npm模块

1. nrm npm源管理工具

工作中经常要使用npm安装包,但是总有一堵墙在那,要么等半天,要么直接搞不起,虽然可以手动设置npm的安装源,如果改了源,你想发布自己的npm包,你又需要改回去,或者干脆换成cnpm,cnpm又会偶现装包失败或者没有的情况,这时你就需要一个可以随时切换npm安装源的工具:nrm 详细说明

   npm install nrm -g 
   # 查看当前支持的源
   nrm ls
   # 切换到指定源
   nrm use <源名称> 
   # 查看当前使用源
   nrm current 
   # 添加源
   nrm add <源名称> 
   # 删除源
   nrm del <源名称>
   # 测试源速度
   nrm test <源名称> 

2. rimraf 轻松删除顽固文件

工作中经常安装npm,因为网络原因或者别的问题想重新安装npm,这时需要手动删除当前的node_modules,但是绝大多数的node_modules目录嵌套很深,删除老是失败,这时你就需要它:rimraf 详细说明

    npm install rimraf -g
    # 删除指定目录,支持多个,通过空格隔开
    rimraf 目录名

3. http-server 轻松跑起本地服务器

在写前端页面中,经常会在浏览器运行HTML页面,从本地文件夹中直接打开的一般都是file协议,当代码中存在http或https的链接时,HTML页面就无法正常打开,为了解决这种情况,需要在在本地开启一个本地的服务器,而又不想依赖第三方的虚拟服务器如WampServer,phpstudy等,那就可以使用它:http-server 详细说明

    npm i -g http-server
    # 启动一个8080端口的服务器
    http-server -p 8080
    # 启动一个禁用缓存的本地服务器
    http-server -p 8080 -c-1

4. npx 局部运行node命令

对于一些局部安装的node包,又不想全局安装怕污染全局环境或者只想临时安装一个包,则可以使用它:npx,npx更多高级玩法

    # 查看当前目录下安装的gulp版本
    npx gulp --version
    # 强制使用本地模块,如去掉--no-install npx在本地找不到会下载远程模块再运行
    npm --no-install http-server
    # 从npm下载这个版本的 node,使用后再删掉
    npx [email protected] -v
    # 临时安装多个模块并运行
    npx -p lolcatjs -p cowsay -c 'cowsay hello | lolcatjs
    # 执行 Gist 代码
    npx https://gist.github.com/zkat/4bc19503fe9e9309e2bfaa2c58074d32
    # 执行仓库代码
    npx github:piuccio/cowsay hello

5. Browsersync 省时的浏览器同步测试工具

工作中有总结出一套基于gulp(webpack)的多页脚手架项目地址,对于本地开发服务器这一块我选用的就是Browsersync,Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试,代码修改,多端同步,一端操作也会多端同步,能为开发提高不少效率。官网链接

其它待更新...

你可能感兴趣的:(好用的npm模块记录)