前端構建工具gulp

gulp是前端開發過程當中對代碼進行構建的工具,是自動化項目的構建利器;javascript

gulp是基於Nodejs的自動任務運行器, 她能自動化地完成 javascript/coffee/sass/less/html/image/css 等文件的的測試、檢查、合併、壓縮、格式化、瀏覽器自動刷新、部署文件生成,並監聽文件在改動後重復指定的這些步驟。css

安裝nodejs -> 全局安裝gulp -> 項目安裝gulp以及gulp插件 -> 配置gulpfile.js -> 運行任務html

一.安裝nodejs前端

二.安裝gulpjava

1.先在全局安裝:npm install -g gulpnode

2.全局安裝gulp後,把目錄切換到你的項目文件夾中,而後在命令行中執行:npm install gulpnpm

3.安裝gulp插件gulp

4.創建gulpfile.js文件瀏覽器

測試一下,是否成功:在命令行:node -v; npm -v ; gulp -v;sass

若是安裝成功,會出現它們所對應的版本號,或出現‘node/gulp不是內部或外部命令’,去‘控制面板\系統和安全\系統\高級\環境變量\系統變量’裏的PATH裏的路徑添加node或者gulp的安裝路徑,(不要刪除以前的path,找到node或者gulp修改;或者在後面用‘;’分開,繼續添加路徑);

這樣找到安裝路徑:npm config get prefix:node的安裝路徑

         gulp我是直接搜索gulp,打開程序裏gulp的所在文件夾,就有路徑了

而後退出命令行,再次打開命令行就能夠了;

具體的API:http://www.gulpjs.com.cn/

相關文章
相關標籤/搜索