gulp填坑記（一）

gulp是基於Node.js的自動任務運行器。能夠自動完成html、image、css和js等文件的檢測、檢查、合併、壓縮、格式化等，並監聽文件在改動後重復指定的這些步驟。

一.首先，我全局安裝了gulp

npm install -g gulp

　　此時，能夠將gulp理解爲 node的一個模塊。

二.使用

　　基於具體的某個項目。

　　※ 項目安裝gulp，本地方式來安裝

　　※ 安裝相應的gulp插件

　　※ 配置gulpfile.js  須要編寫一些js代碼，編寫任務

　　※ 運行任務

　　　　注意全局安裝和本地安裝的各自做用

　　　　全局安裝，是爲了在任何地方，可使用gulp 命令來執行任務。

　　　　本地安裝，是由於在編寫任務的時候，須要用到gulp模塊中的一些功能（方法/函數） 

　　簡單實例：

　　　　第一步，新建一個目錄 gulp-demo，做爲項目目錄

　　　　第二步，本地安裝gulp

　　　　 　　　　gulp-demo中本地打開cmd命令：

npm install gulp

　　　　　　　　這裏問題來了

　　　　　　　　

　　　　　　提示「open....package.json」，可是發現安裝完後不存在package.json，此時，就必須新建一個package.json

　　　　　　執行命令

 

npm init

 

　　

　　完成！

　　說明：

　　第三步，編寫gulpfile.js文件

 

//引入gulp模塊
const gulp=require('gulp');
//編寫第一個任務
gulp.task('task1',function(){
	setInterval(function(){
		console.log('hello,gulp!');
	},200);
})

 

　　運行

　　

　　　項目目錄結構：

　　

 　　

參考文章：http://www.ydcss.com/archives/18#lesson6