关键词：
一、gulp
1、gulp主要用来在前端开发过程中对代码进行自动化构建的工具，能大大提高前端开发效率。
2、主要对js/sass/less/html/image/css等静态资源文件进行合并、压缩、格式化、浏览器自动刷新、部署文件生成、转换等操作。
二、安装流程
1、安装nodejs(gulp是基于nodejs),直接打开nodejs官网,直接下载一个nodejs,打开根据提示正常安装即可。
测试：命令行下(window+r 输入cmd弹出),输入node -v,npm -v,显示版本号表示安装成功。
2、npm安装(用于node插件管理，包括安装、卸载、管理依赖等。这里就不展开讲解npm,需要的同学自行百度),由于该服务器在国外，下载速度慢，所以目前较常用的是基于淘宝的-淘宝npm镜像.。
命令行输入：npm install cnpm -g --registry=https://registry.npm.taobao.org。
测试 ： 输入 cnpm -v ，显示版本号表示安装成功。(安装成功执行命令行 npm改为 gulpcnpm)
3、全局安装gulp(用于执行gulp任务)
命令行输入：cnpm install gulp -g
测试 ： 输入 gulp -v ，显示版本号表示安装成功。
4、项目中安装gulp(调用gulp插件的功能)，需先定位项目目录提示符后执行(定位文件夹命令行命名自行百度)。
命令行输入：cnpm install --save-dev
5、项目根目录下创建package.json文件(图中圈出部分为必填项,具体每个项的含义自行百度)，改文件可手动配置，也可通过命令行调用配置
命令行：cnpm init
6、项目根目录下创建gulpfile.js文件(用于配置需要执行的任务),配置信息查看-构建配置。
三、基本使用：
通过以上安装配置，gulp的环境基本搭建起来了，接下来简单介绍下如何使用。这里以.less 文件转换成 .css文件为例。
1、首先先下载插件，在项目目录命令行下输入：cnpm install gulp-less --save-dev ，下载完成可在项目下的node_modules文件夹中找到下载的插件
2、在gulpfile.js文件中配置要操作的相关配置(具体更多配置可查看-构建配置)
3、在项目目录命令行下输入：gulp less。执行成功在相关目录下生成需要的文件。
gulp入门(代码片段)
...档和一些资料，学会了怎么使用gulp进行压缩，特地写个简单的入门操作指南，加深自己的印象。gulp能够实现很多功能，在这里我就以自己使用的压缩js文件为例子进行介绍1.安装nmpNPM是随同NodeJS一起安装的包管理工具，能解决Nod... 查看详情
glup入门
...有什么区别，gulp可以解决grunt存在的哪些问题，以及一个简单的说明例子。什么是gulpgulp的官方定义非常简洁： 基于文件流的构建系统 。这里强调了streaming，也就是gulp与grunt的在构建流程上的主要区别。具体区别在哪里... 查看详情
gulp快速入门
Gulp是基于流的前端自动化构建工具使用步骤：1.安装node和npm 访问国外服务器网速不好时，安装依赖模块时会缺少文件。可以安装国内的镜像，之后使用cnpm命令代替npm命令。 npminstallcnpm-g--registry=https://registry.npm.taobao.org2.... 查看详情
续gulp使用入门编译sass
...的写法，大大节省了开发者的时间，使得CSS的开发，变得简单和可维护。安装npminstallgulp-sass(--save-dev)括号中的可选基本用法SomethinglikethiswillcompileyourSassfiles:‘usestrict‘;vargulp=require(‘gulp‘);varsass=re 查看详情
gulp入门教程
...后会用到它。为了确保Node已经正确安装，我们执行几个简单的命令。1node-v2npm-v如果这两行命令没有得到返回，可能node就没有安装正确，进行重装。第2步：安装gulp首先我们要全局安装一遍：1npminsta 查看详情
gulp入门及简单使用
...合并并压缩、压缩图片等。gulp在多种构建工具中，算是简单的了，其他构建工具有Grunt、Webpack（何其复杂！）。所以我们先来个简单的。 使用首先，使 查看详情
gulp入门教程
...览器批量处理Sass或者Less文件优化资源CSS,JavaScript,和images安装Gulp-g参数表示全局安装$npminstallgulp-g创建Gulp项目创建一个名为demo的目录(目录名不能用gulp），在目录下运行npminitnpminit会在项目下创建一 查看详情
glup快速入门整理(代码片段)
...更易于使用,插件高质量安装nodejs,查看版本:node-v创建一个简单的应用gulp_test|-dist|-src|-js|-css|-less|-index.html|-gulpfile.js-----gulp配置文件|-package.json"name":"gulp_test","version":"1.0.0"安装gulp:全局安装gulpnpminstallgulp-g局部安装gulpnpminstallgulp--save... 查看详情
续gulp使用入门三步压缩图片
...，将压缩后的文件存放在dist/images/目录下。gulp代码一、安装gulp-imagemin模块提示：你需要使用命令行的cd切换至对应目录再进行安装操作和gulp启动操作。 在命令行输入npminstallgulp-imagemin安装成功后你会 查看详情
gulp的入门小demo
首先需要npm安装所需的模块，我的小demo安装了以下模块整个项目结构如下 接下来上代码vargulp=require(‘gulp‘),imagemin=require(‘gulp-imagemin‘),minifycss=require(‘gulp-minify-css‘),uglify=require(‘gulp-uglify‘),rename=require(‘gulp-renam 查看详情
gulp入门学习
...使用gulp对项目进行自动构建，大大提高工作效率。二、安装gulp 在安装gulp之前先要确认已经正确安装了node.js，然后在项目根目录下安装gulp： $npminstallgulp三、gulp函数接口介绍 &nb 查看详情
前端小白的gulp入门(代码片段)
gulp新手入门全局安装cnpminstall-ggulp本地安装cnpminstallgulp-D如果项目没有package.json,记得npminit安装插件cnpminstallgulp-插件名-D插件官方文档细心的科普//i?-->install//D?-->--save-dev记录package.json文件里//S?-->--save本地安装gulp报低级错... 查看详情
关于gulp
今天初次尝试了一下自动化构建工具,打包/压缩,找了一些入门教程,感觉入门还算简单,对日后学习webpack会有一定帮助!首页都是基于nodeJS，然后安装gulp及相关插件，然后配置相关文件。结果如下： 查看详情
gulp使用1-入门指南
入门指南1.全局安装gulp：$npminstall--globalgulp或使用cnpm2.作为项目的开发依赖（devDependencies）安装：$npminstall--save-devgulp3.在项目根目录下创建一个名为 gulpfile.js 的文件：vargulp=require(‘gulp‘);gulp.task(‘default‘,function(){// 查看详情
gulp入门指南(代码片段)
1.全局安装gulp：$npminstall--globalgulp2.作为项目的开发依赖（devDependencies）安装：$npminstall--save-devgulp3.在项目根目录下创建一个名为 gulpfile.js 的文件：vargulp=require(‘gulp‘);gulp.task(‘default‘,function()//将你的默认的任务代码... 查看详情
gulp入门
入门http://www.tuicool.com/articles/FJVNZf1、全局安装sudonpminstall-ggulp 以下需要进入项目目录：2、项目安装如果项目需要其他nodejs其它包，请先创建package.json，只用gulp,可以直接使用下面命令cnpminstall--save-devgulp3、安装gulp组件例如：n... 查看详情
gulp系列之快速入门篇(代码片段)
快速开始如果您以前已经全局安装了gulp，npmrm--globalgulp 请先按照以下说明运行。有关更多信息，请阅读此Sip。检查节点，npm和npxnode--versionnpm--versionnpx--version如果尚未安装，请按照此处的说明进行操作。安装gulp命令行实用程... 查看详情
gulp教程gulp-less安装
gulp教程之gulp-lessgulp详细入门教程11.1、安装nodejs；11.2、新建package.json文件；cnpminit11.3、全局和本地安装gulp；cnpminstallgulp-g、cnpminstallgulp--save-dev11.4、安装gulp插件；cnpminstallgulp-less--save-dev11.5、新建gulpfile.js文件；11.6、 查看详情