Bower là dụng cụ quản lí các mối cung cấp tài ngulặng mang lại xây dựng viên fornt-end. Tài ngulặng nlỗi là: HTML, CSS, JS, phông chữ cùng hình hình họa. Công nuốm được cải tiến và phát triển vì Twitter.
Bạn đang xem: Cách sử dụng bower quản lí các package trong phát triển website
Tại sao lại dùng Bower?Theo nlỗi giải pháp truyền thống lịch sử, Khi bắt buộc thực hiện một trong những thư viện như thế nào đó, xây dựng viên lên mạng tìm kiếm gần như tlỗi viện đó rồi tải về, tiếp nối lại copy gần như thư viện bắt buộc cần sử dụng vào project bản thân đã làm cho. Khi nào cần update thư viện vẫn sử dụng vào project lên phiên phiên bản mới hơn thế thì lại yêu cầu lên mạng tra cứu tìm -> mua về ->xóa thư viện cũ -> copy thỏng viện new vào project. Hơn nữa, khi thao tác làm việc nhóm cùng thực hiện git để quản lí, khi bạn up source code của người sử dụng lên git cùng đương nhiên trong số ấy là số đông thư viện bạn đang sử dụng. Số lượng tệp tin đưa lên git hoàn toàn có thể lên đến mức hàng trăm ngàn cho hàng trăm ngàn tệp tin. Và Leader team chúng ta ngồi kiểm tra từng tệp tin để merge pull request của chúng ta. Điều chính là "thảm họa". Đó là thời điểm bạn phải sử dụng Bower. lúc áp dụng Bower bạn cũng có thể download những thư viện mà lại bạn cần thực hiện vào project và có thể update lên phiên bạn dạng tiên tiến nhất nhưng mà ko nên xóa thư viện phiên bản cũ đi cùng mua lại.
Cách thiết đặt BowerĐể hoàn toàn có thể thiết đặt và thực hiện Bower, đầu tiên bạn phải cài đặt node, npm, git.
Ở trên đây, mình vẫn giải đáp giải pháp cài trên Ubuntu, bám trên Windows cùng Mac, gần như bạn có thể tra cứu trên trang nhất google.
Cách setup node, npm:
Add Node.js PPA$ suvì apt-get install curlcurl -sL https://deb.nodesource.com/setup_12.x | subởi vì -E bash -Install Node.js$ subởi apt-get install nodejsChechồng Node.js, NPM version`node -vnpm -vGit sống trên Ubuntu đang tất cả sẵn, vì chưng vậy đầy đủ người sẽ không phải cài đặt. Xem thêm: Tổng Hợp Phím Tắt Nào Để Mở Giao Diện Nghề? Những Phím Tắt Thông Dụng Nhất Trên Chrome
Cài đặt Bower:
Chạy câu lệnh sau: $ npm install -g bower. -g có nghĩa là chúng ta có thể sử dụng Bower bất kỳ project như thế nào bên trên laptop của người tiêu dùng.
Cách thực hiện BowerVào thực mục đựng project của doanh nghiệp, msinh hoạt comm& line lên cùng chạy câu lệnh sau:$ bower init. quý khách hàng chỉ cần ấn enter với yes cho nkhô hanh =))))). Mục đích là để chế tạo ra file bower.json trong tlỗi mục chứa project của chúng ta. File này vẫn chưa thông báo những thư viện bạn sẽ thiết lập. Những thông báo này nằm ở thuộc tính dependencies. Vị dụ tệp tin bower.json của mình:
Tiếp theo bạn phải tạo ra một thỏng mục .bowerrc cùng cung cấp cùng với thư mực bower.json. Tlỗi mục này còn có tác dụng config đường truyền khu vực nhưng mà chúng ta cài những thỏng viên về. File .bowerrc sẽ sở hữu dạng nlỗi sau:
Cuối thuộc, tiếp tế tệp tin .gitignore dòng sau:
Cách cài các thỏng viện:Để thiết lập những thỏng viện, chúng ta sử dụng câu lệnh sau:
Cách gỡ các thư viện:Để gỡ hầu như tlỗi viện bạn thực hiện câu lệnh sau:
Cách update những tlỗi viện:Để update rất nhiều thỏng viện bạn áp dụng câu lệnh sau:
Ví dụ: Mình mong mỏi cài đặt thỏng viên Jquery mang lại project của mình.
Tải tlỗi viện Jquery bằng câu lệnh sau: $ bower install jquery --saveKhi kia vào tlỗi mục mà lại đã config trong tlỗi mực .bowerrc sẽ có thư mục jquey. Cụ thể những thỏng viện mình cài về sẽ được lưu trong:public/bower_components/
Trong ngôi trường đúng theo, chúng ta thiết yếu kiếm tìm thấy package nhưng mà bản thân buộc phải trên https://bower.io/search/. quý khách có thể trường đoản cú sản xuất một package riêng rẽ cho bạn bằng cách sau:
Trước tiên các bạn vào github cả nhân của chúng ta, chế tạo ra một repository mới:
Bấm vào nút new, tiếp nối đánh tên repository của bản thân với bấm chuột nút ít Create repository
Sau đó tạo ra một tệp tin README.md, viết đồ vật gi vào cũng khá được. Repository sẽ có dạng nhỏng sau:
Còn đấy là ví dụ khi thành công:
Bài lí giải của chính bản thân mình cho đấy là hết. Hẹn các bạn lần sau vào một ngày bị deadline dí.