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