一、准备工作

1、gulp是基于nodeJS的前端构建工具,所以全局安装nodeJS

2、利用npm全局安装gulp。

npm install -g gulp

3、在项目根目录下新建文件package.json。

注意:需要加上一对花括号。

4、在项目根目录下安装本地gulp。

npm install --save-dev gulp

安装好后就会生成node_modules文件夹。

aaarticlea/png;base64,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" alt="" />

5、在项目根目录下安装其他插件。

npm install --save-dev gulp-less
npm install --save-dev gulp-watch
npm install --save-dev require-dir
...
...

注意:为什么要加--save-dev?

因为node插件包相对来说非常庞大,所以不加入版本管理,将配置信息写入package.json并将其加入版本管理,其他开发者对应下载即可(命令提示符执行npm install,则会根据package.json下载所有需要的包。

安装好后,node_modules文件夹如下:

aaarticlea/png;base64,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" alt="" />

package.json文件如下:

{
"devDependencies": {
"gulp": "^3.9.1",
"gulp-autoprefixer": "^3.1.1",
"gulp-concat": "^2.6.0",
"gulp-htmlmin": "^3.0.0",
"gulp-less": "^3.1.0",
"gulp-minify-css": "^1.2.4",
"gulp-sourcemaps": "^2.2.0",
"gulp-uglify": "^2.0.0",
"gulp-watch": "^4.3.10",
"htmlmin": "0.0.7",
"require-dir": "^0.3.1"
    ...
}
}

6、在根目录下新建gulp文件夹,以及gulpfile.js文件。

  a)在gulp文件下新建tasks文件夹以及config.js文件。

  b)tasks下面新建不同的js文件,代表不同的任务。

  c)config.js配置任务的相关配置。

gulp学习笔记--简单入门的更多相关文章

  1. gulp学习笔记4

    gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 之前的任务都是单个的,比较简单.接下去我们开始引用多个插件,一次性把任务搞定,省 ...

  2. gulp学习笔记3

    gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1.编译sass Sass 是一种 CSS 的开发工具,提供了许多便利的写法,大 ...

  3. gulp学习笔记1

    gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1.安装gulp 首先我们需要node环境,nodejs安装这里就不说了,不懂的 ...

  4. gulp学习笔记2

    gulp系列学习笔记: 1.gulp学习笔记1 2.gulp学习笔记2 3.gulp学习笔记3 4.gulp学习笔记4 1. 压缩 CSS 压缩 css 代码可降低 css 文件大小,提高页面打开速度 ...

  5. WebSocket学习笔记——无痛入门

    WebSocket学习笔记——无痛入门 标签: websocket 2014-04-09 22:05 4987人阅读 评论(1) 收藏 举报  分类: 物联网学习笔记(37)  版权声明:本文为博主原 ...

  6. Java学习笔记之---入门

    Java学习笔记之---入门 一. 为什么要在众多的编程语言中选择Java? java是一种纯面向对象的编程语言 java学习起来比较简单,适合初学者使用 java可以跨平台,即在Windows操作系 ...

  7. MongoDB学习笔记:快速入门

    MongoDB学习笔记:快速入门   一.MongoDB 简介 MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统.在高负载的情况下,添加更多的节点,可以保证服务器性能.M ...

  8. python学习笔记--Django入门四 管理站点--二

    接上一节  python学习笔记--Django入门四 管理站点 设置字段可选 编辑Book模块在email字段上加上blank=True,指定email字段为可选,代码如下: class Autho ...

  9. DBFlow框架的学习笔记之入门

    什么是DBFlow? dbflow是一款android高性的ORM数据库.可以使用在进行项目中有关数据库的操作.github下载源码 1.环境配置 先导入 apt plugin库到你的classpat ...

随机推荐

  1. 个性化EDM数据营销的三大提醒

    EDM数据营销行业已经进入个性化时代.但是怎样实现个性化仍然是一个重大课题.国内领先的智能化邮件营销服务商Focussend一直致力于探索和研究邮件营销领域的先进知识和做法,旨在为企业和个人提供更多有 ...

  2. WCF多种调用方式兼容

    1.能被ajax get 2.能post 3.wcf正常调用 实现: [AspNetCompatibilityRequirements(RequirementsMode = AspNetCompati ...

  3. Win10系统下编译GDAL1.9.2版本

    环境说明: 1.Win10企业版.64位: 2.VS2012旗舰版: 3.GDAL1.9.2 GADL编译 1.解压GDAL压缩包至F:\GDAL\gdal-1.9.2: 2.设置GDAL编译后安装目 ...

  4. Web Component--01. 简介

    Web Components 是什么? Web Components是W3C定义的新标准,它给了前端开发者扩展浏览器标签的能力,可以自由的定制组件,更好的进行模块化开发,彻底解放了前端开发者的生产力. ...

  5. CentOS6部署VNC服务端

    VNC (Virtual Network Computer)是虚拟网络计算机的缩写.VNC 是在基于 UNIX 和 Linux 操作系统的免费的开源软件,远程控制能力强大,高效实用,其性能可以和 Wi ...

  6. .Net底层剖析目录章节

    [.Net底层剖析]目录章节 1.[深入浅出.Net IL]1.一个For循环引发的IL 2.[.Net底层剖析]2.stfld指令-给对象的字段赋值 3.[.Net底层剖析]3.用IL来理解属性 作 ...

  7. AutoMapper用法一瞥

    前段时候做个小项目用到了autoMapper(参考了NOP里的用法),感觉还行,用起来挺方便的.首先复杂的东西我就不说了,至于详细的教程我也就不写了,比较园子里有很多这样的文章,我就分享下,在项目中实 ...

  8. 红黑树(三)之 Linux内核中红黑树的经典实现

    概要 前面分别介绍了红黑树的理论知识 以及 通过C语言实现了红黑树.本章继续会红黑树进行介绍,下面将Linux 内核中的红黑树单独移植出来进行测试验证.若读者对红黑树的理论知识不熟悉,建立先学习红黑树 ...

  9. Spring Remoting: HTTP Invoker--转

    原文地址:http://www.studytrails.com/frameworks/spring/spring-remoting-http-invoker.jsp Concept Overview ...

  10. 移动端 ios 长按复制兼容方案

    移动端页面,需要复制一段文字码. 在ios中,长按文字区域,默认选中的范围,超出了我长按的文字区域, 把上面的图片和下面的另一个div的文字也给我包含进来了,并不是我想要的! 举个例子: 如下图: 1 ...