Struktur eines Projekts in AngularJS

Sobald wir wissen, wie es funktioniert AngularJS Grundsätzlich müssen wir auch wissen, dass wir zur Generierung eines Projekts eine Struktur haben müssen, da wir damit die Inhalte organisieren und damit mehr Leute in die Entwicklung einbeziehen können und dass alles weiter funktioniert.
Normalerweise können wir eine Struktur manuell erstellen, jedoch gibt es Tools, die uns bei diesen Aufgaben automatisiert helfen, also haben wir beide Möglichkeiten, die automatisierten Tools helfen uns, immer eine Konvention einzuhalten, mit der wir Teile anderer Projekte wiederverwenden können, wenn alles es passt.
Eine Basisstruktur muss die Trennung zwischen den verschiedenen Ressourcen unserer Anwendung enthalten, damit vermeiden wir Verwechslungen, zum Beispiel ist es nicht empfehlenswert, statische Inhalte in demselben Ordner zu haben, in dem wir unsere Modelle speichern.
Wir können die Struktur unserer Anwendung auf zwei Arten erstellen, zum einen manuell, dh jeden der Ordner erstellen, die das Projekt selbst führen muss, und zum anderen mit Tools, die ein empfohlenes Verzeichnis mit der Struktur und einigen grundlegenden Dateien erstellen.
Eines der am häufigsten verwendeten Tools ist Freiberufler verfügbar unter http://yeoman.io und das ermöglicht uns, die Basisstruktur für ein Projekt von . zu generieren AngularJS, aber nicht nur dies, sondern unterstützt auch andere Frameworks oder Tools wie Backbone.js oder Ember.js.

VERGRÖSSERN

Es basiert auf node.js Daher müssen wir einige Kenntnisse des Themas haben, um es verwenden zu können. Wichtig ist, dass wir nach der Installation Projekte nur mit einfachen Befehlen sowie Teile von Projekten wie Filtern automatisch generieren können.
Dies hilft uns, Fehler bei der Erstkonfiguration unserer Anwendung zu vermeiden. Wir können dieses Tool mit anderen kombinieren, wie z Grunzen, Laube und npm um die Abhängigkeiten der benötigten Pakete aufzubauen.
Wenn wir uns für einen manuellen Pfad entscheiden, sehen wir die folgenden Ordner oder Strukturen, die wir berücksichtigen müssen, um organisiert zu arbeiten:
SkripteWir müssen einen Ordner mit Skripten haben, hier sollten alle Inhalte stehen, die wir benötigen, z. B. die Controller und Modelle von AngularJS die wir in unserer Bewerbung benötigen, können wir intern noch weiter aufteilen, wenn es unser Wunsch ist.
AnsichtenEin weiterer sehr notwendiger Ordner ist der Ordner Ansichten, hier werden wir alle Ansichten unserer Anwendung speichern. Denken Sie daran, dass diese Art von Projekt im Allgemeinen mit Vorlagen funktioniert, also ist hier der richtige Ort, um sie zu platzieren.
AnbieterDieser Ordner geht im Allgemeinen in Skripte und enthält alle .js-Dateien die wir benötigen, zum Beispiel wenn wir zusätzliche Bibliotheken verwenden möchten oder wenn wir eine Template-Engine wie verwenden möchten Unterstreichen, wird dies der Ort sein, um sie zu speichern.
StatischWir können es in img und css unterteilen, wie wir aus den Namen schließen können, jede enthält die Bilder und Stildateien, die auf die Anwendung angewendet werden. Dieser Ordner ist interessant, weil er sogar ein dynamischer Link zu einem Pfad in sein kann ein CDN unserer Verwendung oder Präferenz.
Damit haben wir im Grunde gelernt, dass wir ein Projekt organisieren müssen, das in AngularJSWichtig ist, dass wir uns an Konventionen halten müssen, auch wenn sie unsere eigene Erfindung sind, damit wir die Arbeit so gut wie möglich ausführen können.