Erstellen Sie Front-End-Entwicklungsarchitekturen mit NPM, Grunt und Bower

Für dieses Tutorial ist es erforderlich, GIT installiert zu haben und Grundkenntnisse darüber zu haben, da wir nicht näher auf die Verwendung dieser Technologie eingehen. Ebenso Kenntnisse in der Webentwicklung (zumindest Kenntnisse in den Sprachen HTML, CSS und Javascript).

Nach mehreren Jahren als Entwickler lautet eine der Fragen, die uns bei der Programmierung gestellt werden: Wie kann ich meine Arbeit automatisieren und Zeit sparen? Oder wie kann ich mein Projekt besser organisieren?

Wir verweisen nicht auf die Verwendung von Bibliotheken oder Frameworks, mit denen wir in einigen Fällen Zeit sparen, oder auf die Verwendung von IDEs, die uns die Programmierung erleichtern und erleichtern. Wir brauchen heute noch etwas anderes, damit unsere Entwicklung viel professioneller ist, sowohl im Endergebnis für unsere Kunden, für unsere Kollegen als auch für uns. Es gibt einige Entwicklungsvorlagen, die uns diese Hilfe bieten, aber sie können weit über das hinausgehen, was wir benötigen, wie Angular Seed , das Ressourcen für die Entwicklung einer Anwendung in AngularJS bereitstellt, aber es handelt sich bereits um Vorlagen, die für bestimmte Arten von Vorlagen hervorgehoben werden projektspezifisch ist es hier wichtig, unser arbeitsumfeld so zu gestalten, dass es am besten zu uns passt.

Kommen wir zur Sache, wenn wir die oben genannte Alternative erreichen wollen , verwenden wir NodeJS, Grunt und Bower.

Sie werden sich fragen, was jeder ist und wofür sie sind.

Grunt und Bower sind NPM-Pakete, was bedeutet, dass sie von letzteren abhängen. Gehen wir zur Installation aller Komponenten.