Место для вас

Использование Bower в Windows

Бауэр (Bower) это пакетный менеджер для front-end разработчиков. Иными словами - это штука позволяет скачивать необходимые js, css и идущие с ними файлы без того, чтоб каждый раз заходить на нужный сайт и скаивать ту или иную библиотеку с набором файлов.

Это же реально напрягает, каждый раз заходить на сайт JQuery или BootStrap'a, скачивать файлы и затем распаковывать их и переносить в наши проекты. Bower все это делает за нас. Достаточно указать определенные конфиги ему и он скачает и расположит файлы там, где нам надо.

Установка Bower:

Первое что нужно сделать, так это установить Node.js и Git. При установке Git'a указать Run Git form the Windows Command Prompt. Это нужно чтоб была возможность использовать в консоли команды Windows. Иначе придется искать unix'ные команды.

Далее, я рекомендую создать папку, куда вы будите устанавливать Bower. Потому что по умолчанию Bower будет установлен в C:\Users\имя_пользователя_системой\ . Что касается меня, то я все свои работы храню на отдельном диске. И я создал там папку Bower.

После открываем консоль Nod'a и переходим в папку Bower. Использовал команды d: и потом cd bower

Теперь можно приступить к установке Bower'a. Для этого в консоли пишем npm install bower

Затем нужно переключиться на консоль Git'a и перейти в папку с проектом. Можно конечно копировать все в одну отдельную папку, а от туда переносить файлы в папку с вашим проектом. Дело ваше, дело вкуса =)

В консоли, находясь в той папке, куда вам нужно скачать пакет(ы), набираем команду bower install имя_пакета и ждем установку файлов.
Теперь, если просмотреть содержимое папки, то в ней должна появиться новая папка bower_components и в ней папка вашего установленного пакета.

То есть если вы устанавливали jquery, то в папке bower_components будет папка jquery.

Список имеющихся пакетов можно посмотреть тут http://bower.io/search/

Но у Bower'a есть еще одна очень замечательная фишка. Это использование кофиг файлов. В этом файле вы указываете те пакеты, которые вам нужны для работы. Помещаете этот конфиг файл в ту папку, куда вы хотите скачать пакеты и используете команду bower install. Все. Теперь все необходимые пакеты установленны.

Это очень удобно, когда вы пользуетесь Git'ом (или иными сервисами). Вам не нужно хранить все эти файлы(JQuery, BootStrap и тд) в репозитории. Достаточно их подключать к проекту, используя конфиг.

Пример конфига для Bower:

имя конфиг файла - component.json
name и version это описание, а вот параметр dependenciesэто основаная часть, в которой указаны все библиотеки для загрузки и их версии.


{
	"name": "myProjectName",
	"version": "1.0.0",
	"dependencies":
	{
		"angular-bootstrap": "0.1.0",
		"angular-complete": "1.0.4",
		"angular-ui": "0.4.0",
		"chosen": "0.9.11",
		"lodash": "1.0.0-rc.3"
	}
}

Место для вас

Добавить коментарий

кликните на картинку,
чтоб обновить код

Что за сайт

Этот сайт представляет унифицированную базу, где инфа собрана в единое целое, а не разбросанна по многочисленным сайтам, записям на листах бумаги или головам людей; а так же доступна круглосуточно не зависимо от кого-либо или чего-либо.

Будь в курсе

Интересненько

Вверх