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

206 阅读1分钟

##本文介绍了前端颇为实用的新技能——自动化工具。 通过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

安装截图

Paste_Image.png