目录
前言
什么是gulp:
Gulp 是基于node.js的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。
使用gulp你可以简化工作量,让你把重点放在功能的开发上,从而提高你的开发效率和工作质量。
例如:你可以用gulp可以网页自动刷新,和MVVM开发模式很相似,如果你对vue.js有所了解的话,那么你一定不会陌生。你也可以使用gulp对sass进行预处理、代码检测、图片优化压缩、只需要一个简单的指令就能全部完成。
1、安装node.js
因为gulp是基于node.js的。
安装地址:https://nodejs.org/en/
建议安装LTS版本。
2、安装gulp
1. 安装全局的gulp。
打开cmd输入:
npm install --global gulp
node -v 查看node.js版本
npm -v查看npm版本
2. 作为项目开发依赖安装。
全局安装完成之后,还需要在每个要使用的gulp项目中都单独安装一次,把目录切换到项目文件夹中输入cmd,然后在命令行中执行:
npm install --save-dev gulp
3. 在项目根目录下创建一个gulpfile.js的文件。
导入工具包
var gulp = require('gulp');
<