Bower và lập trình front

Bower là gì

Bower là một lao lý quản lý resource mang lại thiết kế front-kết thúc được open source bởi Twitter. Đã qua dòng thời các bạn cần download từng thư viện CSS xuất xắc JS về cho vô project của bạn, rồi upgrade version bằng tay Lúc down đi down lại version bắt đầu. Bower giúp tra cứu kiếm, cài đặt, nâng cấp cùng thắt chặt và cố định dependency cho một front-over project.

Bạn đang xem: Bower và lập trình front

Cài đặt

trước hết để thiết lập Bower, các bạn buộc phải tất cả npm, là chính sách cai quản package của node. Kể ra để sử dụng từng Bower nhưng mà cần mua npm thì cũng tương đối mất công, nhưng đó là giải pháp dễ dàng nhấtTại Mac bạn cũng có thể download từ bỏ Home của Node hoặc dùng homebrew.

brew install nodeWindow thì chỉ tất cả giải pháp download cùng cài đặt tự Home nói trênSau khi install được node thì đã auto tất cả npm.

Xem thêm: Cách Choi De Che Online - Cách Cài Đặt Gametv Plus Chơi Đế Chế Online

Bower được thiết lập bằng câu lệnh

npm install -g bowerỞ đây -g Có nghĩa là global - chúng ta có thể dùng Bower đến bất kỳ project như thế nào vào lắp thêm.

Xem thêm: Tiểu Sử Cáp Anh Tài : Ca Sĩ, Thông Tin, Tiểu Sử Về Ca Sĩ Cáp Anh Tài

Sử dụng câu lệnh

Sau Lúc đang thiết lập như bên trên thì bạn sẽ gồm câu lệnh bower nhằm thực hiện. Cách sử dụng thì hết sức đối kháng giản

bower install bootstrap Như thế này là đang tất cả toàn thể resource của Twitter Bootstrap vào trong một tlỗi mục bower_components

Để thiết đặt Bootstrap với version ví dụ, VD 3.2.0 thì câu lệnh sẽ là

bower install bootstrap#3.2.0Bower còn rất có thể cài đặt trực tiếp từ github như

bower install twbs/bootstrapbower install git
github.com:twbs/bootstrap.gitbower install https://github.com/twbs/bootstrap.gitSau Lúc cài đặt Bootstrap được một thời gian, lúc Bootstrap nâng cấp phiên phiên bản new cùng bạn có nhu cầu update theo thì chỉ cần

bower updateSử dụng bower.jsonGiống như những dependency manager khác, bạn cũng có thể định nghĩa một tập các dependency vào một trong những tệp tin bower.json với nhằm câu lệnh bower đọc file đó (cố gắng cho việc bắt buộc gõ bower install x n lần với n thỏng viện).

bower.json có thể được ngoài tạo ra bởi vì câu lệnh

bower initBạn sẽ được hỏi một số trong những biết tin cơ bản với sau thời điểm chọn, Bower đã generate một tệp tin bower.json cơ phiên bản, ví dụ như sau

"name": "awesome_proj", "version": "0.0.0", "authors": < "CongPH" >, "license": "MIT"Để có mang những package mong install, mình tiếp tế tệp tin trên nhỏng sau

"name": "awesome_proj", "version": "0.0.0", "authors": < "CongPH" >, "license": "MIT", "dependencies": "bootstrap": "~3.2.0" lúc này ước ao bower phát âm tệp tin bên trên thì chỉ cần cần sử dụng câu lệnh:

bower installGiả sử khi bạn đang viết khá đầy đủ n dependency vào bower.json với mong mỏi thêm 1 dependency mới, bạn có thể vừa install vừa auto cấp dưỡng bower.json như sau

bower install jquery --saveMột số bí quyết sử dụng hữu ích khácỞ dưới đó là rất nhiều câu lệnh bản thân tuyệt dùng

bower tìm kiếm normalize=> Cái này không khác với chuyện lên http://bower.io/search/ cùng search trực tiếp

bower list=> Liệt kê nkhô cứng dependencies

bower info bootstrap=> Xem nhanh khô đọc tin rõ ràng về bootstrap

bower lookup bootstrap=> Xem lại băng thông thiết lập của bootstrap

bower uninstall bootstrap --save=> Gỡ bỏ bootstrap đồng thời xóa đi thông tin tương ứng trong bower.json

Bower cache

Về cơ bạn dạng bower sử dụng cơ chế cache, Có nghĩa là bower chỉ download package một lượt và save vào ~/.bower/cađậy. Lần sau nếu như khách hàng gõ và một câu lệnh thì bower vẫn tự động hóa rước cache nhằm install chứ không hề connect cho source nữa.

Tuy nhiên đôi lúc bạn sẽ không muốn cần sử dụng cache, ao ước tải về lại từ source để mang phiên bản "fresh" nhất. Lúc kia các bạn sẽ cần được clear bower cache


Chuyên mục: ĐỊNH NGHĨA