我们经常把一整套前端工作流程中能用工具搞定的部分用工具搞定，也就是将前端开发流程、技术、工具、经验等规范化、标准化。常见的前端工程自动化工具：grunt、gulp，webpack等，接下来千锋武汉HTML5培训老师就给大家简单介绍一下gulp。

       gulp是一个自动化工具，前端开发者可以使用它来处理常见任务：

       搭建Web服务器

       文件保存时自动重载浏览器

       使用预处理器如Sass、LESS

       优化资源，比如压缩CSS、JavaScript、压缩图片

       类似gulp的工具，我们通常称之为构建工具或者叫自动化构建工具。

       一、gulp的优势：

       1、简单

       代码优于配置、node最佳实践、精简的API集，gulp让工作前所未有的简单。

       2、高效

       基于node强大的流(stream)能力，gulp在构建过程中并不把文件立即写入磁盘，从而提高了构建速度。

       3、生态

       遵循严格的准则，确保我们的插件结构简单、运行结果可控。

       二、gulp的安装

       1-项目中使用gulp 先创建一个文件夹gulptest作为项目的跟目录。

       在根目录下执行 npm init 命令， npm init命令会为你创建一个package.json文件，这个文件保存着这个项目相关信息。比如你用到的各种依赖（这里主要是插件）。

       2-安装gulp  

       npm install gulp -g 将包安装到全局环境中（全局安装命令行中可以使用gulp命令）。简写（npm i gulp -g）（全局安装）。

       npm install gulp --save-dev  安装到本地目录，同时将安装信息写入package.json中，简写(npm i gulp -D)（局部安装）。

       注：由于网络经常不好，考虑把npm换成国内的源，可以使用nrm切换软件源。

       npm install -g nrm

       nrm ls　查看所有的支持源（有*号的表示当前所使用的源,以下[name]表示源的名称）。

       nrm use [name] 将npm下载源切换成指定的源，可以切换为淘宝的服务器或者cnpm的服务器。

       如果直接在终端中使用npm install 命令，会去查看package.json 中安装信息（项目依赖），自动安装需要的包。

       想要掌握并熟练运用gulp，你需要提前安装nodeJS并了解npm，而掌握nodeJS你需要了解HTML5前端基础知识点，由此可见前端入门简单精通难。

       如果你想快速入行HTML5前端行业并收获高薪，可以来千锋武汉HTML5培训班。千锋武汉HTML5培训课程引入阿里React+Dva+Umi课程，强化TypeScript，强化多端混合开发框架，强化 Node课程，强化ES规范语法实战，强化服务器端渲染，强化大数据可视化实战，强化Vue/React课程深度等。

       从入学到就业，千锋教育真正为学生考虑，与众多大型企业深入合作，联合企业上门招聘、订单式培养、企业直推，帮助企业及社会输出大批优质人才，学生就业后，讲师也会帮助学员解决工作中遇到的难题，真正做到一次学习终生受益！ 

上一篇

为什么武汉HTML5培训很火且工资很高？

下一篇

武汉Web前端培训机构哪家好？从这几方面考虑