Erstellen Sie eine Front-End-Entwicklungsarchitektur mit NPM, Grunt und Bower

Inhaltsverzeichnis

Einführung

Für dieses Tutorial ist es erforderlich, GIT installiert zu haben und über einige Grundkenntnisse zu verfügen, da wir nicht 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 stellt sich beim Programmieren unter anderem die Frage, wie kann ich meine Arbeit automatisieren und Zeit sparen? Oder wie organisiere ich mein Projekt besser?

Wir beziehen uns nicht auf die Verwendung von Bibliotheken oder Frameworks, die uns in einigen Fällen helfen, Zeit zu sparen, noch auf die Verwendung von IDEs, die uns beim Programmieren Komfort und Leichtigkeit bieten. Wir brauchen heute noch etwas mehr, um unsere Entwicklung viel professioneller zu gestalten, sowohl im Endergebnis für unsere Kunden, für unsere Kollegen oder auch für uns selbst. Es gibt einige Entwicklungsvorlagen, die uns diese Hilfsmittel zur Verfügung stellen, aber sie können weit über das hinausgehen, was wir brauchen, wie z. Eckiger Samen die uns Ressourcen für die Entwicklung einer Anwendung in AngularJS zur Verfügung stellt, es sich aber bereits um Vorlagen handelt, die für bestimmte Arten von Projekten hervorgehoben werden, hier ist es wichtig, unsere Arbeitsumgebung zu gestalten und so zu gestalten, wie es uns am besten passt.

Kommen wir zum Punkt, wenn wir das oben genannte erreichen wollen, ist eine unserer Alternativen zu verwenden NodeJS, Grunt und Bower.

Sie werden sich fragen, was jeder einzelne ist und wozu er dient.

KnotenJSNodeJS ist eine serverseitige Entwicklersprache in Javascript, die uns dank der Verwendung von NPM (Node Package Manager) hilft, einen Server für unsere Projekte zu erstellen. Ich werde nicht auf konzeptionelle Details zu dieser Sprache eingehen, da sie nicht die Priorität des Themas ist.

Weitere Informationen: https://nodejs.org/

GrunzenGrunt, ist eine Aufgabenautomatisierung, die viele Aufgaben erleichtert, die wir bei der Entwicklung manuell ausführen.

Weitere Informationen: http://gruntjs.com/

LaubeBower ist eine Bibliothek von Frontend-Bibliotheken, die uns viele Alternativen wie Plugins und Frameworks bietet, die uns in unseren Projekten dienen können.

Weitere Informationen: http://bower.io/

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

VorherigeSeite 1 von 3Nächste

Sie werden die Entwicklung der Website helfen, die Seite mit Ihren Freunden teilen

wave wave wave wave wave