Създайте архитектура за развитие на предния край с NPM, Grunt и Bower

Съдържание

Въведение

За този урок е необходимо да имате инсталиран GIT и да имате някои основни познания за него, тъй като няма да навлизаме в подробности относно използването на тази технология. По същия начин да имате познания в уеб разработката (поне да знаете за HTML, CSS и Javascript езици).

След като работих като разработчици в продължение на няколко години, един от въпросите, който възниква при програмирането, е как мога да автоматизирам работата си и да спестя време? Или как да организирам по -добре моя проект?

Не говорим за използването на библиотеки или рамки, които ни помагат да спестим време в някои случаи, нито за използването на IDE, които ни осигуряват комфорт и лекота при програмиране. Има още нещо, от което се нуждаем днес, за да направим нашето развитие много по -професионално, както в крайния резултат за нашите клиенти, за нашите колеги, така и за нас самите. Има някои шаблони за разработка, които ни предоставят тези помощни средства, но те могат да надхвърлят това, от което се нуждаем, като, например, Ъглово семе което ни предоставя ресурси за разработване на приложение в AngularJS, но те вече са шаблони, които са подчертани за конкретни типове проекти, тук е важно да създадем нашата работна среда и да я структурираме по най -подходящия за нас начин.

Нека да преминем към въпроса, ако искаме да постигнем гореспоменатата една от нашите алтернативи е да използваме NodeJS, Grunt и Bower.

Ще се чудите какво представлява всеки един и за какво са.

NodeJSNodeJS е език на сървъра за разработчици в Javascript, който ще ни помогне да създадем сървър за нашите проекти благодарение на използването на NPM (Node Package Manager). Няма да навлизам в концептуални подробности за този език, тъй като той не е приоритет на темата.

Повече информация: https://nodejs.org/

GruntGrunt е автоматизация на задачи, която ще улесни много задачи, които правим ръчно при разработването.

Повече информация: http://gruntjs.com/

БауърBower е библиотека от предни библиотеки, която ни предоставя много алтернативи като плъгини и рамки, които могат да ни служат в нашите проекти.

Повече информация: http://bower.io/

Grunt и Bower са NPM пакети, което означава, че те зависят от последното. Нека преминем към инсталирането на всички компоненти.

ПредишниСтраница 1 от 3Следващия

wave wave wave wave wave