Умный front-end или наконец-то я решился! Часть 2. Установка NodeJs, npm, bower, grunt под Windows.

Всем доброго времени суток!

grunt_bower_npm[1]

Ну как и следует после предыстории, приступим к действию. Данную схему я проверял на Windows 7 и 8.1, работало все на ура.


Немного информации: 

Node или Node.js — программная платформа, основанная на JS движке V8 от компании Google. Сам по себе Node.js является C++ приложением, которое получает на входеJavaScript-код и выполняет его. Нужна нам для работы приложений вроде Grunt, Gulp и тому подобных.

Git — мощная и сложная распределенная система контроля версий.

NPM — это пакетный менеджер node.js. С его помощью можно управлять модулями и зависимостями.

Bower тоже является пакетным менеджером, но для клиентского javascript’a. Он устанавливает нужные проекту пакеты подходящих версий вместе с их зависимостями.

Grunt — это инструмент для сборки javascript проектов.


 

В первую очередь нам понадобятся виндовые инсталяторы NodeJs и Git. Выбираем нужные нам дитрибутивы (в моем случае для 64 разрядной системы) и устанавливаем.

При установке пакета git надо установить галочку, что мы будем работать через терминал:

Git%20Windows%20Install%20PATH[1]Все остальные значения (кроме путей) я оставлял по умолчанию.

С самого начала я пытался работать через стандартный терминал,  что очень неудобно. Например для перехода в каталог нельзя просто ввести cd d:\project\, а даже когда я с горем пополам добирался до папки проекта, некоторые вещи, например bower, у меня просто не запускались. Но мои поиски привели меня на видео одного человека, Merci :) youtube.com . Из его рассказа я ничего не понял, но зато он очень наглядно показывает то, что я описываю в статье.

И так забываем про стандартную консоль, переходим на PowerShell. Windows PowerShell 2.0 был выпущен в составе Windows 7, Windows 8 и Windows Server 2008 R2 как неотъемлемый компонент системы. Кроме того, вторая версия доступна и для других систем, таких как Windows XP SP3, Windows Server 2003 SP2, Windows Vista SP1, Windows Vista SP2 и Windows Server 2008.

Мы уже установили git и nodejs, теперь запускаем PowerShell и проверяем:

 

PowerShell

Если выводятся версии программ, то значит все стоит как надо!

Установка Bower и Grunt

Дальше в нашем списке bower, устанавливается он точно также как и под linux’ом:

 

Установка bower windowsПараметр -g мы добавляем что бы установить его глобально. Теперь его не придется устанавливать для каждого проекта и он будет доступен из консоли командой bower. проверяем:

 

Bower WindowsУстановка grunt проходит по той же схеме:

 

Установка grunt Windows
Если ввести теперь команду grunt, то он на нас ругается, что не установлен локально и не может найти файла Gruntfile для проекта. Это ничего страшного, главное что он установлен.

Наша основная среда для разработки готова, можно приступать к сборке проекта на bower, grunt, bootstrap, jquery под Windows.

Умный front-end или наконец-то я решился! Часть 2. Установка NodeJs, npm, bower, grunt под Windows.: 7 комментариев

  1. Здравствуйте! Спасибо, мне помогло в установке. Вместо комманды “npm instal -g grunt-cli” сработала “npm install -g grunt-cli” . Возможно связано с другой версией пакета.
    PS C:\Users\User> grunt
    grunt-cli: The grunt command line interface (v1.2.0)

Добавить комментарий для Bogdan Отменить ответ

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">