Структура на проект в AngularJS

След като разберем как работи AngularJS По основен начин трябва да знаем също, че за да генерираме проект, трябва да имаме структура, тъй като с нея можем да организираме съдържанието и с това можем да включим повече хора в разработката и че всичко продължава да работи.
Обикновено можем да направим структура ръчно, но има инструменти, които ни помагат при тези задачи по автоматизиран начин, така че имаме и двете опции, автоматизираните инструменти ни помагат винаги да поддържаме конвенция, с която можем да използваме повторно части от други проекти, ако всичко съвпада.
Базовата структура трябва да съдържа разделението между различните ресурси на нашето приложение, като по този начин ще избегнем объркване, например не се препоръчва да има статично съдържание в същата папка, в която съхраняваме нашите модели.
Можем да направим структурата на нашето приложение по два начина, единият ръчно, тоест да създадем всяка от папките, които проектът трябва да носи самостоятелно, а вторият, използвайки инструменти, които създават препоръчителна директория със структурата и някои основни файлове.
Един от най -използваните инструменти е Йеоман достъпна на http: / /yeoman.io и това ни позволява да генерираме основната структура за проект на AngularJS, но не само това, но и поддържа други рамки или инструменти, като например Backbone.js или Ember.js.

Увеличете

Тя се основава на node.js така че трябва да имаме известни познания по темата, за да можем да я използваме, важното е, че след като сме инсталирани, можем автоматично да генерираме проекти само с помощта на прости команди, както и части от проекти като филтри.
Това ни помага да избегнем грешки в първоначалната конфигурация на нашето приложение. Можем да комбинираме този инструмент с други, като например Grunt, bower и npm за изграждане на зависимостите на необходимите ни пакети.
Ако решим да следваме ръчен път, можем да видим следните папки или структури, които трябва да вземем предвид, за да работим организирано:
СценарииТрябва да имаме папка със скриптове, тук трябва да има цялото съдържание, което ни е необходимо, като контролерите и моделите на AngularJS които изискваме в нашето приложение, можем да го разделим вътрешно още повече, ако е наше желание.
ИзгледиДруга папка, която е много необходима, е папката изгледи, тук ще съхраняваме всички изгледи на нашето приложение, не забравяйте, че като цяло този тип проекти работят с шаблони, така че тук ще бъде правилното място за тяхното поставяне.
ДоставчикТази папка обикновено влиза в скриптове и ще съдържа всички .js файлове които ще ни трябват, например, ако искаме да използваме допълнителни библиотеки или ако искаме да използваме шаблонен механизъм като Долна черта, това ще бъде мястото, където да ги съхранявате.
СтатичноМожем да го разделим на img и css, тъй като можем да заключим от имената, всеки от тях ще има изображения и файлове със стилове, които ще бъдат приложени към приложението, тази папка е интересна, защото дори може да бъде динамична връзка към път в а CDN от нашата употреба или предпочитания.
С това основно сме научили, че трябва да организираме проект, направен в AngularJSВажното е, че трябва да следваме конвенциите, дори и да са от наше изобретение, по този начин можем да извършим работата възможно най -добре.