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