SHORT: Package Manager for dependencies (libraries and frameworks) --> für das Endprodukt
LONG: There are now more libraries and frameworks available for front-end development than ever before. It’s not uncommon to have five or more of these libraries involved in a single project. But keeping track of all these libraries and making sure they’re up-to-date can be tricky. Enter Bower, a package manager that makes it easy to manage all your application’s front-end dependencies.
Installing Packages: Using multiple packages within your project it’s often a good idea to list these packages in a bower.json file. --> bower init = Command at the root of your project will launch an interactive program that will create bower.json --> bower install = allow you to install and update multiple packages with a single command --> bower_components directory = installed packages placed there (can be changed in .bowerrc file)
SHORT: = Task Runner basierend auf Node.js (Automatisierung von Prozessen) --> für die Entwicklung
LONG: Ob Minifizierung von Javascript, CSS und HTML, verlustlose Optimierung von Bildern oder z.B. die Kompilierung von Sass-Dateien: Gulp erledigt diese Prozesse in einem Rutsch, überwacht Veränderungen und revolutioniert die eigene Webentwicklung.
Konzept der Ströme: --> Aufgaben leitet man bei Gulp durch Kanäle, die »Pipes«
Arbeitsweise --> asynchron Streams
Plugins --> »einfache Plugins«. = eine Aufgabe designt, nicht für mehrere. --> Grundlegende Funktionen, z.B. die Überwachung von Prozessen, sind in Gulp
Installing Packages: package.json --> devDependecies --> Packetmanager notiert Version der Gulp-Module und welche installiert wurden --> nicht für Betrieb notwendig --> npm init = Command at the root of your project will launch an interactive program that will create package.json for you --> npm install gulp = install / update gulp module
gulpfile.js entspricht pom.xml von maven --> Tasks, die das Building Tool für uns erledigen soll
More Infos: http://mo.phlow.de/gulp/#was-ist-gulp
NodeJS muss lokal installiert sein. Umgebungsvariable setzen:
NODEJS_HOME C:\Program Files (x86)\nodejs
und in PATH ganz vorne einfügen
%NODEJS_HOME%;
Nach der Installation von Node folgenden Befehl ausführen:
npm install -g gulp bower
(werden hier hin global abgelegt C:\Users\DEINUSER\AppData\Roaming\npm\node_modules)
Projekt auschecken
In das Verzeichnis des Projektes wechseln
In der Konsole folgende Befehle ausführen:
npm install
bower install
gulp webserver
Seite ist nun auf http://localhost:9000 erreichbar