Gulp使用教程(一):gulp简介与安装环境
作者 Viliam | 发布于 2015-11-11
Gulp

什么是Gulp?Gulp是前端开发自动化项目的构建利器, gulp是基于Nodejs运行的,常用于 JS、sass、less、html、图片、css 等文件的合并、压缩、格式化,实时监听文件变化。

步骤一:安装:

gulp基于node运行,首先需要安装node,32位请先下载安装包,并双击安装,点击下载

windows32位系统官方下载地址:点击下载

windows64位系统官方下载地址:点击下载

步骤二:安装完毕后,使用WIN+R组合键输入cmd打开命令窗口,或点击桌面左下角的开始菜单-运行-输入cmd-回车打开命令窗口,在光标处输入

    node -v

情况一:如果能看到版本号,恭喜你已经安装node成功了,这时候再输入

    npm -v

npm是NodeJS包管理和分发工具,在安装node的时候,会一起自动安装,所以也能看到版本号

如图所示:

情况二:如果输入node -v 不能看到版本号,请注销电脑,或重启电脑。

安装了node,npm,接下来就安装gulp,gulp在哪下载呢?她已经在npm对应的插件库里,但是该网站服务器位于国外,所以经常下载缓慢或出现异常,于是淘宝把npm从国外同步了一份到国内,同步频率目前为 10分钟 ,官方网址:http://npm.taobao.org,但不叫npm了,改为cnpm,以后的npm命令就由cnpm来取代了,所以还是先安装cnpm后,再安装gulp会更快。

步骤三:在命令窗口输入:

    npm install cnpm -g --registry=https://registry.npm.taobao.org

在命令窗口输入cnpm -v 查看版本号

步骤四:全局安装gulp,执行命令:

    cnpm install gulp -g

在命令窗口输入gulp -v 查看版本号

原文地址:http://www.ydcss.com/archives/18

本站说明

前端开发、体验、交互、设计、技术、分享 i--do.com,包含javascript、html、css、nodeJS、demo展示等。转载文章请标注文章来源。

联系我

E-Mail: 709694072@qq.com