vue-clickoutside

点击元素以外的东西时会触发的事件。好东西。其实可以利用全局event来判断当前点击的对象来判断也一样。但这个显然更舒服

传送门:https://www.npmjs.com/package/vue-clickoutside

request-promise

request + promise的衍生版

npm install --save request
npm install --save request-promise

传送门:https://github.com/request/request-promise

should + mocha
快速搭建测试环境,具体用法请百度和访问两者的github
npm install should mocha --save-dev
npm install mocha -g

传送门:http://www.cnblogs.com/CyLee/p/6564175.html

anywhere

一句话:随时随地将你的当前目录变成一个静态文件服务器的根目录。

安装

npm install anywhere -g

anywhere -h localhost -p 8060

fastclick

// 这个插件特别常用,解决手机端 click点击延迟

import fastclick from 'fastclick'

fastclick.attach(document.body)

 

v-tap 支持手机端和Pc端的点击事件

github地址:https://github.com/MeCKodo/vue-tap

import vueTap from 'v-tap';

Vue.use(vueTap)

使用方法:v-tap="{methods:change_title}" / v-tap="{ methods:open,k : item.key,i:index2}"

change_title (para) {
  var e = para.event;

  console.log(e);

  $(e.target).text()
}

process

第三方学习地址:http://www.css88.com/archives/4548

process模块用来与当前进程互动,可以通过全局变量process访问不必使用require命令加载

通常会使用process.env.xxxx来存储全局配置

  • process.env:指向当前shell的环境变量,比如process.env.NODE_ENV。
  • process.argv:当前进程的命令行参数数组。

gulp-nodemon 和 nodemon

官方网站:http://nodemon.io/

github地址:https://github.com/remy/nodemon/

简介:Nodemon 是一款非常实用的工具,用来监控你 node.js 源代码的任何变化和自动重启你的服务器。 Nodemon 是一款完美的开发工具

作用:自动启动/重启你的node程序,开发node服务端程序必备

安装:

npm install -g nodemon

npm install -g gulp-nodemon

demo:

nodemon({
script: path.join(__dirname,'/server.js'),
ext: 'js',
watch: [
path.join(__dirname,'/dist')
],
env: { 'NODE_ENV': 'production','PORT':PROD_PORT }
})

open 和 opn

github地址:https://github.com/sindresorhus/opn

简介:打开的网站、文件之类的可执行文件。

安装:

npm install open
npm install --save opn

demo:

open('http://localhost:' + DEV_PORT)

gulp-sequence

github地址:https://github.com/teambition/gulp-sequence

简介:gulp的任务的执行是异步的。通过该模块实现顺序执行

作用:让gulp任务,可以相互独立,解除任务间的依赖,增强task复用

安装:

npm install --save-dev gulp-sequence

demo:

gulp.task('webpack:dist',gulpSequence('set-env-prod','webpack'))

del

github地址:https://github.com/sindresorhus/del

简介:删除文件

作用:删除文件/文件夹

安装:

$ npm install --save del

demo:

del([path.join(__dirname, '/dist/*')])

path

第三方学习地址:http://www.jianshu.com/p/fe41ee02efc8

简介:提供关于路径的函数

//引用该模块
var path = require("path"); //路径解析,得到规范化的路径格式
var myPath = path.normalize(__dirname + '/test/a//b//../c/utilyou.mp3');
console.log(myPath); //windows: E:\workspace\NodeJS\app\fs\test\a\c\utilyou.mp3

NPM 模块恩仇录的更多相关文章

  1. nodejs 模块恩仇录

    anywhere 一句话:随时随地将你的当前目录变成一个静态文件服务器的根目录. 安装 npm install anywhere -g anywhere -h localhost -p 8060 fa ...

  2. 如何在Meteor中使用npm模块?

    首先,请在AtmosphereJs上搜索有无相关的封装包.尽量采用已有的封装包,而不是自己封装. 有两种方法在项目中使用来自npm的模块. 封装为Meteor包并在项目中添加包.使用meteor cr ...

  3. [转] npm 模块安装机制简介

    npm 是 Node 的模块管理器,功能极其强大.它是 Node 获得成功的重要原因之一. 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 . $ npm install 本文介绍 npm ...

  4. npm 模块安装机制简介

    npm 是 Node 的模块管理器,功能极其强大.它是 Node 获得成功的重要原因之一. 正因为有了npm,我们只要一行命令,就能安装别人写好的模块 . $ npm install 本文介绍 npm ...

  5. nodejs安装及npm模块插件安装路径配置

    在学习完js后,我们就要进入nodejs的学习,因此就必须配置nodejs和npm的属性了. 我相信,个别人在安装时会遇到这样那样的问题,看着同学都已装好,难免会焦虑起来.于是就开始上网查找解决方案, ...

  6. cplusplus 库 在线管理; 类似于 python的 pip install 、nodejs 的npm模块

    cplusplus 库 在线管理: 类似于 python的 pip install .nodejs 的npm模块 还有 apache 经常使用的 Apache Ivy 项目依赖管理工具/Maven 这 ...

  7. 调试和开发npm模块的方式

    ln -s(软连接) 假设my-project是运行npm模块的项目,vue-router是我们需要调试的npm模块 将vue-router下载到与my-project同级目录中. git clone ...

  8. 小程序使用npm模块(引入第三方UI),报错的多种解决办法。

    前言引入第三方模块时,我遇到了很多坑. 首先是微信.第三方模块的文档描述不清楚.其次.搜索到的博客,大部分是抄的文档 / 相互转载抄袭.作用有限. 于是,我自己做了各种条件下的测试.解决各种情况的引入 ...

  9. npm模块安装机制

    npm 是 Node 的模块管理器,功能极其强大.它是 Node 获得成功的重要原因之一.正因为有了npm,我们只要一行命令:npm install,就能安装别人写好的模块 . 一.从 npm ins ...

随机推荐

  1. Mr.Xu的找实习之路

    长长的路慢慢走 深深的话浅浅说 --广工Mr.Xu的找前端实习之路 这 不(display:none) 是 广 告 本人广工大三学生一枚,也是学校TopView团队的成员之中的一个.之前我们团队有位屌 ...

  2. Android调用系统相机、自定义相机、处理大图片

    Android调用系统相机和自定义相机实例 本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显示出来,该例子也会涉及到Android加载大图片时候的处理 ...

  3. WINDOWS常用端口列表

    按端口号可分为3大类: (1)公认端口(Well Known Ports):从0到1023,它们紧密绑定(binding)于一些服务.通常这些端口的通讯明确表明了某种服务的协议.例如:80端口实际上总 ...

  4. python笔记17-字典如何按value排序

    前言 面试题:如何统计数组中出现次数最多的数据,按出现次数由大到小排序 这个排序看似简单,涉及到的基础知识点还是很多的,真正写起来并不容易 备注:本篇是以python3.6讲解的,python2会多一 ...

  5. android基础学习-Fragment和eclipse快捷键

    使用Fragment的原因 1. Activity间的切换不流畅 2. 模块化Activity,方便做局部动画(有时为了到达这一点要把多个布局放到一个activity里面,现在可以用多Fragment ...

  6. popupWindow 用法总结 控制位置

    android中的dialog,以及activiy形式的dialog均是模态对话框,对话框不消失时,不能对其他页面进行操作,也就是其他页面不能获得焦点.而PopupWindow是非模态对话框,对话框显 ...

  7. OpenGL入门学习(转载)

    说起编程作图,大概还有很多人想起TC的#include <graphics.h>吧? 但是各位是否想过,那些画面绚丽的PC游戏是如何编写出来的?就靠TC那可怜的640*480分辨率.16色 ...

  8. MySQL服务器安装完之后如何调节性能

    原文作者: Peter Zaitsev原文来源: http://www.mysqlperformanceblog.com/2006/09/29/what-to-tune-in-mysql-server ...

  9. Transfrom在64bit服务下面无法运行

    利用TR发布了一个cube到Cognos connection里面,利用Analysis Studio打开的时候报错如下 问题是很简单的,按照报错内容看是当前的64bit的report  servic ...

  10. 为大家推荐一款很不错的MarkDown编辑器——stackEdit

    自己细致体验了一下下:认为它还是很不错的! !! https://stackedit.io 这是它的官网,我们能够在chrome浏览器的"应用"里找到相应的插件. ps:它但是一款 ...