Struktur för ett projekt i AngularJS

När vi vet hur det fungerar AngularJS På ett grundläggande sätt måste vi också veta att för att skapa ett projekt måste vi ha en struktur, eftersom vi med det kan organisera innehållet och med detta kan vi inkludera fler människor i utvecklingen och att allt fortsätter att fungera.
Normalt kan vi göra en struktur manuellt, men det finns verktyg som hjälper oss med dessa uppgif.webpter på ett automatiserat sätt, så vi har båda alternativen, de automatiserade verktygen hjälper oss att alltid upprätthålla en konvention med vilken vi kan återanvända delar av andra projekt om allt det matchar.
En basstruktur måste innehålla åtskillnaden mellan de olika resurserna i vår applikation, med detta undviker vi att bli förvirrade, till exempel rekommenderas det inte att ha statiskt innehåll i samma mapp som vi lagrar våra modeller i.
Vi kan göra strukturen för vår applikation på två sätt, ett manuellt, det vill säga skapa var och en av de mappar som projektet måste bära på egen hand och det andra med hjälp av verktyg som skapar en rekommenderad katalog med strukturen och vissa filer grundläggande.
Ett av de mest använda verktygen är Hemmansägare tillgänglig på http: / /yeoman.io och som gör att vi kan generera basstrukturen för ett projekt av AngularJS, men inte bara detta utan stöder också andra ramverk eller verktyg som t.ex. Backbone.js eller Ember.js.

FÖRSTORA

Det baseras på nod.js så vi måste ha viss kunskap om ämnet för att kunna använda det, det viktiga är att när vi väl installerat kan vi automatiskt generera projekt bara med enkla kommandon, liksom delar av projekt som filter.
Detta hjälper oss att undvika fel i den första konfigurationen av vår applikation. Vi kan kombinera detta verktyg med andra som t.ex. Grunt, bower och npm för att bygga beroenden för de paket vi behöver.
Om vi ​​bestämmer oss för att följa en manuell sökväg kan vi se följande mappar eller strukturer som vi måste ta hänsyn till för att arbeta på ett organiserat sätt:
SkriptVi måste ha en mapp med skript, här ska allt innehåll som vi behöver ha, till exempel kontroller och modeller av AngularJS som vi kräver i vår ansökan, kan vi dela det internt ännu mer om det är vår önskan.
VyerEn annan mapp som är mycket nödvändig är mappen vyer, här ska vi lagra alla vyer av vår applikation, kom ihåg att i allmänhet fungerar den här typen av projekt med mallar, så här kommer det att vara rätt ställe att placera dem.
SäljareDenna mapp går vanligtvis in i skript och innehåller alla .js -filer som vi kommer att behöva, till exempel om vi vill använda ytterligare bibliotek eller om vi vill använda en mallmotor som Understreck, detta kommer att vara platsen att lagra dem.
StatiskVi kan dela upp det i img och css, som vi kan utläsa från namnen, var och en kommer att ha de bilder och stilfiler som kommer att tillämpas på applikationen, den här mappen är intressant eftersom den till och med kan vara en dynamisk länk till en sökväg i a CDN av vår användning eller preferens.
Med detta har vi i princip lärt oss att vi måste organisera ett projekt som gjorts in AngularJSDet viktiga är att vi måste följa konventioner även om de är av vår egen uppfinning, på så sätt kan vi utföra arbetet så bra som möjligt.