前端工作流 自动化工具Gulp使用

##本文介绍了前端颇为实用的新技能——自动化工具。 通过6何分析法（ 5W1H）简单说明一下，前端自动化工具的存在意义。 ###1、对象（What） 写什么类型代码，例如写 less 代码的时候需要自动将 less 代码转换成 css 代码，自动化工具可以帮助我们做到。 ###2、环境（Where） 前端的话是 nodejs 环境 + 安装Gulp ###3、时间（When）什么时候用 当你觉得有一些事情是每天重复性的工作都可以利用自动化来完成。 ###4、人员（Who） 一些想要工作更加便捷的人，让世界更加简单的人。 ###5、为什么（Why） 你的时间很值钱，不应该浪费重复工作上。 ###6、方式（How） 根据实际情况，制定相对应的执行脚本。如刷新页面 1000次，只需要一个简单函数。

---

###废话不说，直接上例子： 首先需要安装 nodejs 环境，可以找我的nodejs 安装文章。 配置完nodejs de 环境变量之后，切换到命令窗口。输入以下代码

npm install --global gulp -g
复制代码

******** 注意** 官方安装指南是

npm install --global gulp
复制代码

---

安装截图

---

转载于:https://juejin.im/post/5a3215d9f265da430a5098e3