Dưới đây là hướng dẫn nhanh cài đặt Gulp toàn cục trên Windows. (Phần lớn hướng dẫn tương tự cho Mac, nhưng có thể khác đôi chút về cú pháp.)
Tải và cài đặt Node và npm
Trước tiên, bạn cần cài Node và npm (Node Package Manager) trên máy.
Nếu không chắc đã cài Node, mở dòng lệnh và chạy node -v hoặc node --version. Nếu đã cài, nó sẽ trả về số phiên bản, ví dụ v8.17.0.
Nếu chưa có Node, cách tốt nhất là vào NodeJS.org tải file cài đặt cho hệ điều hành của bạn. Sau khi tải xong, chạy chương trình để cài Node.
Cài Node sẽ tự động cài npm cùng lúc!
Cài đặt Gulp CLI (tiện ích dòng lệnh)
Gulp gồm hai phần: Gulp CLI (tiện ích dòng lệnh) cài toàn cục, và gói Gulp cục bộ cài trong từng dự án.
Sự tách biệt này, bắt đầu từ Gulp v4, cho phép chạy các phiên bản Gulp khác nhau cho từng dự án. Bạn có thể đọc thêm về thay đổi này trong bài viết Medium của nhóm Gulp.
Để cài Gulp CLI toàn cục, trên dòng lệnh chạy npm install gulp-cli -g. Cờ -g nghĩa là npm sẽ cài gói vào thư mục npm toàn cục, để bạn chạy lệnh gulp từ bất kỳ thư mục nào.
Cài Gulp vào dự án cục bộ
Sau khi đã cài Gulp CLI toàn cục, bạn có thể cài nó cục bộ trong bất kỳ thư mục dự án nào cần Gulp.
Để cài Gulp cục bộ, điều hướng đến thư mục dự án và chạy npm install gulp. Bạn có thể lưu vào dependencies của package.json bằng npm install gulp --save-dev.
Sau khi cài Gulp cục bộ, bạn có thể tạo gulpfile.js trong dự án và viết các tác vụ Gulp! Xem hướng dẫn đầy đủ của tôi về thiết lập Gulp cho quy trình Sass/SCSS và JS.