Struktur av et prosjekt i AngularJS

Når vi vet hvordan det fungerer AngularJS På en grunnleggende måte må vi også vite at for å generere et prosjekt må vi ha en struktur, siden med det kan vi organisere innholdet og med dette kan vi inkludere flere mennesker i utviklingen og at alt fortsetter å fungere.
Normalt kan vi lage en struktur manuelt, men det er verktøy som hjelper oss med disse oppgavene på en automatisert måte, så vi har begge alternativene, de automatiserte verktøyene hjelper oss med å alltid opprettholde en konvensjon som vi kan bruke deler av andre prosjekter til igjen hvis alt det matcher.
En grunnstruktur må inneholde skillet mellom de forskjellige ressursene i applikasjonen vår, med dette vil vi unngå å falle i forvirring, for eksempel anbefales det ikke å ha statisk innhold i den samme mappen som vi lagrer modellene våre i.
Vi kan lage strukturen i applikasjonen vår på to måter, en manuelt, det vil si å lage hver av mappene prosjektet må bære på egen hånd og den andre ved hjelp av verktøy som lager en anbefalt katalog med strukturen og noen filer grunnleggende.
Et av de mest brukte verktøyene er Yeoman tilgjengelig på http: / /yeoman.io, og som lar oss generere grunnstrukturen for et prosjekt av AngularJS, men ikke bare dette, men støtter også andre rammer eller verktøy som f.eks Backbone.js eller Ember.js.

FORSTØRRE

Det er basert på node.js så vi må ha litt kunnskap om emnet for å kunne bruke det. Det viktige er at når vi først har installert, kan vi automatisk generere prosjekter bare ved hjelp av enkle kommandoer, samt deler av prosjekter som filtre.
Dette hjelper oss med å unngå feil i den opprinnelige konfigurasjonen av applikasjonen vår. Vi kan kombinere dette verktøyet med andre som f.eks Grunt, bower og npm for å bygge avhengighetene til pakkene vi trenger.
Hvis vi bestemmer oss for å følge en manuell bane, kan vi se følgende mapper eller strukturer som vi må ta hensyn til for å fungere organisert:
SkriptVi må ha en mappe med skript, her skal alt innholdet vi trenger ha, for eksempel kontrollere og modeller av AngularJS som vi krever i søknaden vår, kan vi dele den internt enda mer hvis det er vårt ønske.
VisningerEn annen mappe som er veldig nødvendig er mappen visninger, her skal vi lagre alle visningene av applikasjonen vår, husk at denne typen prosjekter vanligvis fungerer med maler, så her vil være det rette stedet å plassere dem.
LeverandørDenne mappen går vanligvis i skript og vil inneholde alle .js -filer som vi trenger, for eksempel hvis vi vil bruke flere biblioteker eller hvis vi vil bruke en malmotor som Understrek, dette vil være stedet å lagre dem.
StatiskVi kan dele det inn i img og css, som vi kan utlede av navnene, hver og en vil ha bildene og stilfilene som skal brukes på programmet, denne mappen er interessant fordi den til og med kan være en dynamisk lenke til en bane i en CDN av vår bruk eller preferanse.
Med dette har vi i utgangspunktet lært at vi må organisere et prosjekt laget i AngularJSDet viktige er at vi må følge konvensjoner selv om de er av vår egen oppfinnelse, på denne måten kan vi utføre arbeidet så godt som mulig.