码迷,mamicode.com
首页 > 其他好文 > 详细

gulp学习笔记(一)

时间:2016-12-05 19:43:51      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:需要   文件名   node   切换   install   json   data-   nodejs   coff   

gulp 是基于 Nodejs 的自动任务运行器,能自动化地完成javascript/coffee/sass/less/html/image/css等文件的的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成,并监听文件在改动后重复指定的这些步骤。在实现上,gulp 借鉴了Unix操作系统的管道(pipe)思想,前一级的输出,直接变成后一级的输入,使得在操作上非常简单.

技术分享

Gulp 安装

安装 gulp 之前,先安装 Node.js,然后全局安装gulp:

npm install -g gulp

安装完之后,可以检测gulp的版本:

技术分享

全局安装gulp后,还需要在每个要使用gulp的项目中都单独安装一次。把目录切换到你的项目文件夹中,然后在命令行中执行:

npm install gulp

如果想在安装的时候把gulp写进项目package.json文件的依赖中,则可以加上–save-dev:

npm install  gulp --save-dev

--save:将保存配置信息至 package.json(package.json是nodejs项目配置文件。package.json是一个普通json文件,不能添加任何注释。参看 http://www.zhihu.com/question/23004511 );
-dev/-dep:保存至package.json的devDependencies节点,不指定-dev/dep将保存至dependencies节点。

安装Gulp之后,可以运行npm init初始化package.json文件:

技术分享

需要注意的是,name是不能包含大写字母的:
技术分享

初始化之后,需要在项目的根目录下建立gulpfile.js文件,文件名不能更改:

gulp学习笔记(一)

标签:需要   文件名   node   切换   install   json   data-   nodejs   coff   

原文地址:http://www.cnblogs.com/vivijiang/p/6135059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!