你的位置:首页 > 软件开发 > 网页设计 > 前端构建工具gulp入门教程(share)

前端构建工具gulp入门教程(share)

发布时间:2015-07-17 18:00:07
参考自:http://segmentfault.com/a/1190000000372547资源:npm上得gulp组件gulp的Github主页官方package.json文档gulp中文官网 本文假设你之前没有用过任何任务脚本(task runner)和命令行工具,一步步 ...

参考自:http://segmentfault.com/a/1190000000372547

资源:

  1. npm上得gulp组件
  2. gulp的Github主页
  3. 官方package.json文档
  4. gulp中文官网

 

本文假设你之前没有用过任何任务脚本(task runner)和命令行工具,一步步教你上手Gulp。不要怕,它其实很简单,我会分为五步向你介绍gulp并帮助你完成一些惊人的事情。那就直接开始吧。

第一步:安装Node

首先,最基本也最重要的是,我们需要搭建node环境。访问http://nodejs.org,然后点击大大的绿色的install按钮,下载完成后直接运行程序,就一切准备就绪。npm会随着安装包一起安装,稍后会用到它。

安装好后记得配置环境变量   NODE_PATH="C:\Users\Gaming\node_modules"   (引号里的为自己node的安装路径),  配置方法 如下:

前端构建工具gulp入门教程(share)

第二步:使用命令行

也许现在你还不是很了解什么是命令行——OSX中的终端(Terminal),windows中的命令提示符(Command Prompt),但很快你就会知道。它看起来没那么简单,但一旦掌握了它的窍门,就可以很方便的执行很多命令行程序,比如Sass,Yeoman和Git等,这些都是非常有用的工具。

如果你很熟悉命令行,直接跳到步骤四。

为了确保Node已经正确安装,我们执行几个简单的命令。

node -v

原标题:前端构建工具gulp入门教程(share)

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。