大家好，我是奶綠茶 上一篇介紹了現成的前端工具 prepros 但總是有些功能無法滿足 這篇就來介紹純手工的前端自動化工具 gulp gulp 的官網一進去就會看到大大的 Automate and enhance your workflow http://gulpjs.com/ 1. 首先要安裝 npm (nodejs package manager) 安裝 nodejs 就會有 npm 的功能 https://nodejs.org/en/ 測試一下是否正常 進入終端機模式(Terminal) 輸入 node -v 是否有出現版本號 再輸入 npm -v 是否有出現版本號 2. 安裝 gulp 以下教學參考官方的原文 https://github.com/gulpjs/gulp/blob/master/docs/getting-started.md npm install --global gulp-cli --global 指的是全域應用，也可以縮寫 -g 3. 開啟你的專案資料夾，並啟動 Terminal, 輸入 npm init 之後一直接 entry , entry , entry ..... 就會產生一隻 package.json 裡面記錄了這個專案會用到的各種套件 4.安裝 gulp 到 devDependencies npm install --save-dev gulp --save-dev 可以縮寫成 -s -D 打開 package.json 可以看到 devDependencies 多了 gulp : xxx 版本號 測試一下是否運作正常 gulp 轉載請註明出處