Создание архитектуры разработки Front End с помощью NPM, Grunt и Bower

{title}

введение

{title}

Для этого урока необходимо установить GIT и иметь базовые знания о нем, поскольку мы не будем вдаваться в подробности об использовании этой технологии. Кроме того, иметь знания в веб-разработке (по крайней мере, знать о языках HTML, CSS и Javascript).

После нескольких лет работы в качестве разработчиков один из вопросов, которые нам задаются, когда речь заходит о программировании, - как я могу автоматизировать свою работу и сэкономить время? Или как мне лучше организовать свой проект?

Мы не говорим ни об использовании библиотек или сред, которые помогают нам экономить время в некоторых случаях, ни об использовании IDE, которые обеспечивают удобство и простоту программирования. Сегодня нам нужно еще кое-что, чтобы сделать наше развитие гораздо более профессиональным, как в конечном результате для наших клиентов, наших коллег или даже для нас самих. Существует несколько шаблонов разработки, которые предоставляют нам эти средства, но они могут выходить далеко за рамки того, что нам нужно, например, Angular Seed, который предоставляет нам ресурсы для разработки приложения в AngularJS, но они уже являются шаблонами, которые выделены для типов Конкретные проекты, именно здесь важно создать нашу рабочую среду и структурировать ее так, чтобы она лучше всего подходила нам.

Давайте перейдем к сути, если мы хотим достичь вышеупомянутого, одна из наших альтернатив - это использовать NodeJS, Grunt и Bower.

Вы будете удивляться, что каждый из них и для чего они нужны.

NodeJS

NodeJS - разработчик серверного языка в Javascript, который поможет нам создать сервер для наших проектов с помощью NPM (Node Package Manager). Я не буду вдаваться в концептуальные подробности об этом языке, поскольку он не является приоритетным для предмета.

Дополнительная информация: //nodejs.org/

хрюкать

Grunt - это автоматизация задач, которая облегчит многие задачи, которые мы выполняем вручную при разработке.

Дополнительная информация: //gruntjs.com/

осенять

Bower - это библиотека интерфейсных библиотек, которая предоставляет нам множество альтернатив, таких как плагины и фреймворки, которые могут служить нам в наших проектах.

Дополнительная информация: //bower.io/

Grunt и Bower являются пакетами NPM, что означает, что они зависят от последнего. Давайте перейдем к установке всех компонентов.


предыдущий

Страница 1 из 3

после