Идеи для программирования бывает, возникают спонтанно и садясь, за стол мы зачастую начинаем процесс разработки с установки различных библиотек и фреймворков: Twitter Bootstrap, CodeIgniter или Yii, AnugularJS и другие.
Качаем, распаковываем в директиву проекта, радуемся. Стоп! Тут мы узнаем, что новая версия продукта вышла в свет и установленный, к примеру, Twitter Bootstrap был с багами и срочно нужно полностью обновить фреймворк.
Опять качаем, распаковываем и устанавливаем. А если их много? Страшно и утомительно? Именно. Для этой рутины существует отличное решение: Bower и Composer. Для тех, кто в танке — читаем полную версию статьи.
Bower и Composer в связке с локальным сервером Open Server
Итак, мы в этой статье постараемся рассмотреть, как облегчить весь процесс с использованием Bower и Composer в связке с лучшим локальным сервером — Open Server.
Эти два чудесных пакета помогут нам обновлять все библиотеки и фреймворки с такой легкостью, что вы будете приятно удивлены. Для примера, будем устанавливать все компоненты на отдельный диск.
Для начала давайте подробней поговорим о каждом компоненте по отдельности и узнаем, чем же они занимаются.
В статье я использую Composer потому как пишу на PHP, для других языков существуют другие менеджеры!!!
Bower (Бауэр) — представляет собой пакетный менеджер для FRONT-END разработки. JS, CSS библиотеки подтягиваются и обновляются им в пару консольных команд. Видео с обзором Bower от отличного программиста Sorax'a смотрите в самом низу поста (или нажми сюда).
Composer (Компосер) — пакетный менеджер зависимостей PHP. Хотя компосером не очень удобно пользоваться для управления зависимостями, все дело в том, что он оперирует сущностными, которые мы будем называть «пакетами» или библиотеками, инсталится они будут в каждый проект, а не глобально. В этом состоит одно из основных отличий от PEAR.
Процесс установки Bower и Composer в Open Server
- Для начала нужно установить Open Server, если у вас он не установлен. Скачать можно с моего сайта —> скачать OPEN SERVER
- Качаем Git, который нам потребуется для скачивания библиотек и модулей при использовании Composer. При установке гита, выбираем опцию «Run Git form the Windows Command Prompt»
- Качаем и устанавливаем на тот же диск, что и Git с Open Server'ом — Node.JS
- Делаем запуск нашего любимого Open Server. Переходим в настройку и во вкладке «Сервер» для поля «Настройка использования переменной Path» дописываем «ваш Path + userdata/config/path.txt»
- Собственно, создаем в данной папке «ВЫБРАННЫЙ ДИСК/OPEN SERVER/userdata/config/» файл — path.txt с таким вот содержанием:
1 2 3 |
ВАШ ДИСК:\OpenServer\modules\php\PHP-5.4 (ТУТ ВЕРСИЯ PHP ВЫБРАННОГО ВАМИ) ВАШ ДИСК:\Git\cmd ВАШ ДИСК:\nodejs\ |
Строку: «(ТУТ ВЕРСИЯ PHP ВЫБРАННОГО ВАМИ)» не нужно вписывать, это комментарий для вас. В настройках Open Server вы можете выбрать версию PHP, вот ее и нужно вписывать в данный текстовый документ!
Теперь давайте установим Bower
- Запускаем консоль нашего сервера для этого, правой кнопкой кликните в трее на ярлыке, выберите «Запустить» и выберите «Дополнительно» — «Консоль»
- Переходим на диск, в который вы установили GIT, Open Server (К примеру: G//)
- Устанавливаем Bower вписав вот такую вот команду: npm install bower
Теперь пропишем в файл path.txt путь до нашего Bower'a — ВАШ ДИСК:\Bower\node_modules\.bin\
Переходим к установке Composer. Для этого в корне выбранного диска пишем в консоли — php -r «readfile ('https://getcomposer.org/installer');» | php
Пример использования
В этой статье мы не будем глобально рассматривать все команды Bower и Composer, а лишь посмотрим поверхностно из консоли нашего Open Server. Приступим. Запустив консоль, переходим в папку с вашим будущим проектом и мы будем работать с ним.
Для того чтобы установить какой-нибудь пакет Bower, пропишем: bower install <имя пакета>
Наберите в консоли: bower help и вы получите информацию по всем командам Bower
Чтобы обновить какой-нибудь пакет в Composer, пропишем, к примеру: php f:\composer.phar update
Видео о BOWER
Предлагаю ознакомиться с Bower поподробней от очень крутого спеца — SORAX'a
Заключение
Я надеюсь, что данные пакетные менеджеры помогут вам сократить время при разработке ваших проектов. Если будет нужна подробная информация — просите в комментариях и я расскажу о каждом подробней со всеми возможными командами.
На этом все. Я с вами прощаюсь. Жду комментариев о этой статье и ваших репостов и лаков статьи. Всего вам хорошего и до скорой встречи.