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. [Js插件]使用JqueryUI的弹出框做一个“炫”的登录页面

    引言 查看项目代码的时候,发现项目中用到JqueryUi的弹出框,可拖拽,可设置模式对话框,就想着使用它弄一个登录页面. 弹出框 在Jquery Ui官网可定制下载弹出框,下载和弹出框下载相关的js文 ...

  2. minor gc和full gc

    Minor GC ,Full GC 触发条件 Minor GC触发条件:当Eden区满时,触发Minor GC. Full GC触发条件: (1)调用System.gc时,系统建议执行Full GC, ...

  3. WPF性能调试系列 – Ants Performance Profiler

    WPF性能调试系列文章: WPF页面渲染优化:Application Timeline WPF页面业务加载优化:Ants Performance Profiler WPF内存优化:Ants Memor ...

  4. Javascript前端思维导图

    思维导图小tips: 思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出 ...

  5. Web开发者需养成的8个好习惯

    优秀的Web开发人员工作效率更高,因为他们拥有丰富的经验和良好的习惯.作者Gregor Dorfbauer分享了用于Web开发中的8个好习惯,这些良好的工作习惯不仅能提高效率,还能让您创建更加优秀的应 ...

  6. HDFS的常用操作

    本文地址:http://www.cnblogs.com/archimedes/p/hdfs-operations.html,转载请注明源地址. 1.HDFS文件的权限以及读写操作 HDFS文件的权限: ...

  7. C# 动态装载 DLL

    C# 动态装载 DLL LoadDllTool.cs 如下: using System; using System.Collections.Generic; using System.Text; us ...

  8. 用php当作cat使用

    今天,本来是想敲 node test.js 执行一下,test.js文件,结果 惯性的敲成了 php  test.js, 原文输出了 test.js的内容. 突然觉得,这东西 感觉好像是 cat  命 ...

  9. (C++)浅谈using namespace std

    1.<iostream>和<iostream.h> 在你的编译器include文件夹里面可以看到,二者是两个文件,里面的代码是不一样的. 后缀为.h的头文件c++标准已经明确提 ...

  10. HDU 1251 统计难题 (Trie)

    pid=1251">统计难题 Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 131070/65535 K (Java/ ...