Struktura projektu w AngularJS

Gdy już wiemy, jak to działa AngularJS W sposób podstawowy musimy również wiedzieć, że aby wygenerować projekt, musimy mieć strukturę, ponieważ dzięki niej możemy uporządkować treść, a dzięki temu możemy włączyć więcej osób do rozwoju i że wszystko nadal działa.
Zwykle możemy stworzyć strukturę ręcznie, jednak istnieją narzędzia, które pomagają nam w tych zadaniach w sposób zautomatyzowany, więc mamy obie opcje, zautomatyzowane narzędzia pomagają nam zawsze zachować konwencję, zgodnie z którą możemy ponownie wykorzystać części innych projektów, jeśli wszystko to pasuje.
Struktura bazowa musi zawierać separację między różnymi zasobami naszej aplikacji, dzięki czemu unikniemy pomyłek, na przykład nie zaleca się umieszczania statycznej zawartości w tym samym folderze, w którym przechowujemy nasze modele.
Strukturę naszej aplikacji możemy wykonać na dwa sposoby, jeden ręcznie, czyli tworząc każdy z folderów, które projekt musi prowadzić we własnym zakresie, a drugi za pomocą narzędzi tworzących zalecany katalog ze strukturą i niektórymi plikami podstawowymi.
Jednym z najczęściej używanych narzędzi jest Rolnik dostępne pod adresem http://yeoman.io i dzięki temu możemy wygenerować strukturę bazową dla projektu AngularJS, ale nie tylko to ale również wspiera inne frameworki czy narzędzia takie jak Backbone.js lub Ember.js.

POWIĘKSZAĆ

Opiera się na node.js więc musimy mieć pewną wiedzę na ten temat, aby móc z niego korzystać, ważne jest to, że po zainstalowaniu możemy automatycznie generować projekty tylko za pomocą prostych poleceń, a także części projektów, takich jak filtry.
Pomaga nam to uniknąć błędów w początkowej konfiguracji naszej aplikacji. Możemy łączyć to narzędzie z innymi takimi jak Grunt, altana i npm do budowania zależności pakietów, których potrzebujemy.
Jeśli zdecydujemy się podążać ścieżką ręczną, możemy zobaczyć następujące foldery lub struktury, które musimy wziąć pod uwagę, aby pracować w sposób zorganizowany:
SkryptyMusimy mieć folder skryptów, tutaj powinna znaleźć się cała wymagana zawartość, taka jak kontrolery i modele AngularJS czego wymagamy w naszej aplikacji, możemy podzielić ją wewnętrznie jeszcze bardziej, jeśli jest to nasze pragnienie.
WyświetleniaKolejnym bardzo potrzebnym folderem jest folder wyświetlenia, tutaj będziemy przechowywać wszystkie widoki naszej aplikacji, pamiętajmy, że generalnie tego typu projekty działają z szablonami, więc tutaj będzie odpowiednie miejsce do ich umieszczenia.
SprzedawcaTen folder zazwyczaj wchodzi do skryptów i zawiera wszystkie pliki .js które będą nam potrzebne, na przykład, jeśli chcemy korzystać z dodatkowych bibliotek lub jeśli chcemy użyć silnika szablonów, takiego jak Podkreślać, będzie to miejsce ich przechowywania.
StatycznyMożemy go podzielić na img i css, jak możemy wnioskować z nazw, każdy będzie miał obrazy i pliki stylów, które zostaną zastosowane do aplikacji, ten folder jest interesujący, ponieważ może być nawet dynamicznym linkiem do ścieżki w a CDN naszego wykorzystania lub preferencji.
Dzięki temu w zasadzie nauczyliśmy się, że musimy zorganizować projekt wykonany w AngularJSWażne jest to, że musimy przestrzegać konwencji, nawet jeśli są one naszym własnym wymysłem, w ten sposób możemy jak najlepiej wykonać pracę.