นี่คือคำแนะนำด่วนสำหรับการติดตั้ง Gulp แบบ Global บนระบบ Windows (ส่วนใหญ่คำแนะนำนี้ใช้กับ Mac ได้เช่นกัน แต่อาจมี syntax แตกต่างเล็กน้อย)
ดาวน์โหลดและติดตั้ง Node และ npm
ขั้นแรก คุณต้องมี Node และ npm (Node Package Manager) ติดตั้งบนคอมพิวเตอร์
หากไม่แน่ใจว่าติดตั้ง Node แล้วหรือไม่ ให้เปิดบรรทัดคำสั่งและรัน node -v หรือ node --version หากติดตั้งแล้วจะคืนค่าเวอร์ชัน เช่น v8.17.0
หากยังไม่มี Node วิธีที่ดีที่สุดคือไปที่ NodeJS.org ดาวน์โหลดไฟล์ติดตั้งสำหรับระบบปฏิบัติการของคุณ แล้วรันโปรแกรมติดตั้ง Node
การติดตั้ง Node จะติดตั้ง npm ให้โดยอัตโนมัติพร้อมกัน!
ติดตั้ง Gulp CLI (Command Line Utility)
Gulp มี 2 ส่วน: Gulp CLI (Command Line Utility) ที่ติดตั้ง Global บนคอมพิวเตอร์ และแพ็กเกจ Gulp ท้องถิ่นที่ติดตั้งในแต่ละโปรเจกต์
การแยกส่วนนี้ ซึ่งมาตั้งแต่ Gulp v4 ช่วยให้คุณรันเวอร์ชัน Gulp ต่างกันในแต่ละโปรเจกต์ท้องถิ่นได้ คุณสามารถอ่านเพิ่มเติมได้จากบทความของทีม Gulp บน Medium
เพื่อติดตั้ง Gulp CLI แบบ Global ให้รัน npm install gulp-cli -g บนบรรทัดคำสั่ง Flag -g หมายถึง npm จะติดตั้งแพ็กเกจในไดเรกทอรี npm แบบ Global ทำให้คุณรันคำสั่ง gulp จากไดเรกทอรีใดก็ได้
ติดตั้ง Gulp ลงในโปรเจกต์ท้องถิ่น
เมื่อมี Gulp CLI แบบ Global แล้ว คุณสามารถติดตั้ง Gulp แบบ Local ในไดเรกทอรีโปรเจกต์ที่ต้องการได้
เพื่อติดตั้ง Gulp แบบ Local ให้ไปที่ไดเรกทอรีโปรเจกต์และรัน npm install gulp คุณสามารถบันทึกลง package.json dependencies ได้โดยรัน npm install gulp --save-dev
เมื่อติดตั้ง Gulp แบบ Local แล้ว คุณสามารถสร้าง gulpfile.js ในโปรเจกต์และสร้าง Gulp tasks ได้! ดูบทช่วยสอนเต็มเกี่ยวกับการตั้งค่า Gulp สำหรับ workflow Sass/SCSS และ JS ได้ที่นี่
