Bower и Composer через консоль Open Server

Опубликовал: 3 года назад Полезно знать!

Идеи для программирования бывает, возникают спонтанно и садясь, за стол мы зачастую начинаем процесс разработки с установки различных библиотек и фреймворков: Twitter Bootstrap, CodeIgniter или Yii, AnugularJS и другие.

Качаем, распаковываем в директиву проекта, радуемся. Стоп! Тут мы узнаем, что новая версия продукта вышла в свет и установленный, к примеру, Twitter Bootstrap был с багами и срочно нужно полностью обновить фреймворк.

Опять качаем, распаковываем и устанавливаем. А если их много? Страшно и утомительно? Именно. Для этой рутины существует отличное решение: Bower и Composer. Для тех, кто в танке — читаем полную версию статьи.

Bower и Composer в связке с локальным сервером Open Server

Итак, мы в этой статье постараемся рассмотреть, как облегчить весь процесс с использованием Bower и Composer в связке с лучшим локальным сервером — Open Server.

Эти два чудесных пакета помогут нам обновлять все библиотеки и фреймворки с такой легкостью, что вы будете приятно удивлены. Для примера, будем устанавливать все компоненты на отдельный диск.

Для начала давайте подробней поговорим о каждом компоненте по отдельности и узнаем, чем же они занимаются.

В статье я использую Composer потому как пишу на PHP, для других языков существуют другие менеджеры!!!

Bower и ComposerBower (Бауэр) — представляет собой пакетный менеджер для FRONT-END разработки. JS, CSS библиотеки подтягиваются и обновляются им в пару консольных команд. Видео с обзором Bower от отличного программиста Sorax'a смотрите в самом низу поста (или нажми сюда).

Bower и ComposerComposer (Компосер) — пакетный менеджер зависимостей PHP. Хотя компосером не очень удобно пользоваться для управления зависимостями, все дело в том, что он оперирует сущностными, которые мы будем называть «пакетами» или библиотеками, инсталится они будут в каждый проект, а не глобально. В этом состоит одно из основных отличий от PEAR.

Процесс установки Bower и Composer в Open Server

  1. Для начала нужно установить Open Server, если у вас он не установлен. Скачать можно с моего сайта —> скачать OPEN SERVER
  2. Качаем Git, который нам потребуется для скачивания библиотек и модулей при использовании Composer. При установке гита, выбираем опцию «Run Git form the Windows Command Prompt»
  3. Качаем и устанавливаем на тот же диск, что и Git с Open Server'ом — Node.JS
  4. Делаем запуск нашего любимого Open Server. Переходим в настройку и во вкладке «Сервер» для поля «Настройка использования переменной Path» дописываем «ваш Path + userdata/config/path.txt»
  5. Собственно, создаем в данной папке «ВЫБРАННЫЙ ДИСК/OPEN SERVER/userdata/config/» файл — path.txt с таким вот содержанием:

 Строку: «(ТУТ ВЕРСИЯ PHP ВЫБРАННОГО ВАМИ)» не нужно вписывать, это комментарий для вас. В настройках Open Server вы можете выбрать версию PHP, вот ее и нужно вписывать в данный текстовый документ!

Теперь давайте установим Bower

  1. Запускаем консоль нашего сервера для этого, правой кнопкой кликните в трее на ярлыке, выберите «Запустить» и выберите «Дополнительно» — «Консоль»
  2. Переходим на диск, в который вы установили GIT, Open Server (К примеру: G//)
  3. Устанавливаем 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

Заключение

Я надеюсь, что данные пакетные менеджеры помогут вам сократить время при разработке ваших проектов. Если будет нужна подробная информация — просите в комментариях и я расскажу о каждом подробней со всеми возможными командами.

На этом все. Я с вами прощаюсь. Жду комментариев о этой статье и ваших репостов и лаков статьи. Всего вам хорошего и до скорой встречи.


Новая система комментариев
comments powered by HyperComments