Bower.io là gì?
Bạn thân mến, đối với người làm web thì việc nắm các thư viện như jquery, bootstrap, font awesome là điều tối thiểu, khi start một dự án đa phần ta phải tải lại hoặc tìm kiếm link để download, vậy có bao giờ bạn tự hỏi, giá như có một chương trình, phần mềm nào có thể quản lý các em chân dài đó giúp mình thì đỡ biết mấy, và nếu bạn đang đọc bài này thì mình sẽ nói với bạn có đó, đó là tú bà Bower.io
Bower.io là một công cụ quản lý các package được xây dựng bởi Twitter ( Một mạng xã hội lớn cũng là cha đẻ của Bootstrap ).
Bower có thể so sánh với Composer cho Php, Npm cho Node, RubyGems cho Ruby.
Tại sao tôi khuyên bạn nên dùng Bower ?
- Cài đặt Bower rất đơn giản, hỗ trợ đa Flatform
- Bạn có thể tìm kiếm package, download, update chỉ 1 dòng lệnh
- Nhân bản các package cho dự án thứ 2, thứ 3 chỉ việc copy file bower.json qua.
- Tùy biến version của các package, ví dụ tôi không thích dùng bản mới nhất, tôi muốn dùng bản thấp hơn hoặc đang beta
- Và hơn hết bạn thích sự đơn giản, tôi cũng vậy.
Vậy cài Bower như thế nào ?
Để cài đặt được Bower bạn cần tải và cài đặt Nodejs và Npm : Download
https://nodejs.org/en/download/
Chọn platform bạn đang sử dụng.
Kiểm tra phiên bản của Nodejs
node -v
Kiểm tra phiên bản của Npm
npm -v
Sau đó bạn mở Termial và chạy lệnh sau để cài đặt Bower:
npm install -g bower
Ý nghĩa -g (global) ở đây nghĩa là bạn sử dụng Bower ở bất cứ nơi đâu ( thư mục bất kỳ ) trên máy tính
Kiểm tra phiên bản của Bower
bower -v
Sử dụng Bower quản lý package như thế nào ?
Tạo một file bower.json, đây là file bắt buộc có trong project chứa nội dung sau:
{
"name": "Tên project",
"version": "1.0.0",
}
Thư mục mặc định của Bower chứa các package là bower_components nếu không thích thư mục tên này muốn đổi là thien_dia thì bạn cần tạo một file .bowerrc trong thư mục root và chứa nội dung sau:
{
"directory": "thien_dia"
}
1. Cài mới một Package
Bạn cần nhớ câu lệnh sau:
bower install <Tên package>
// Ví dụ tôi muốn tải Jquery
bower install jquery
// Ví dụ tôi muốn tải Bootstrap
bower install bootstrap
Cài bản thấp hơn được không ?
Được nhé, bạn sử dụng
bower install jquery#1.8.3
Lưu thông tin package vào bower.json và sử dụng cho các lần tới
Mặc định bower sẽ chỉ tải về thôi, và không lưu lại thông tin, vì thế để lưu lại thông tin và sử dụng cho các project sau bạn nên thêm --save
bower install jquery -- save
2. Không nhớ tên package thì sao ?
Không nhớ nổi tên package thì seach chứ sao?
Sử dụng lệnh sau:
bower search <Tên package>
Nguyên dãy cột màu xanh dương là tên của các package liên quan đến từ khóa bạn search nhé.
3. Muốn upgrade các packages thì sao ?
Để upgrade các packages bạn chỉ cần dùng lệnh sau:
bower update
4. Ghét muốn xóa nó luôn ?
Để đuổi một cô nàng nào đó đi ví dụ boostrap bạn chỉ cần dùng lệnh sau:
bower uninstall bootstrap --save
Cám ơn bạn đã đọc bài viết. Hẹn gặp bạn ở bài viết sau.
