SlideShare ist ein Scribd-Unternehmen logo
1 von 10
Alexander Bartels
@BartelsXander
NodeJS + NPM sind Voraussetzung
$ npm install -g bower
http://bower.io
Verwendung
$ bower install <library>
Bibliothek
installieren
$ bower list
Abhängigkeiten
auflisten
http://bower.io/docs/api/
$ bower search <…>
Bibliothek suchen
$ npm install -g gulp
http://gulpjs.com/
STREAMING BUILD SYSTEM
DateisystemDateien lesen
Modifizieren
Modifizieren
Dateien schreiben
Dateisystem
Dateisystem
Modifizieren
Dateien schreiben
var gulp = require('gulp');
var $ = require('gulp-load-plugins')();
gulp.task('scripts', function () {
return gulp.src('app/scripts/**/*.js')
// Alle Skripte zusammenfassen
.pipe($.concat('app.js'))
// Die nicht minimierte Version in eine Datei schreiben
.pipe(gulp.dest('dist/scripts/'))
// JavaScript minimieren
.pipe($.uglify())
// Datei in app.min.js umbennen
.pipe($.rename({ extname: '.min.js' }))
// Minimierte Version in eine Datei schreiben
.pipe(gulp.dest('dist/scripts/'));
});
Dateien lesen
Zusammenfassen
Datei schreiben
Minimieren
Umbennen
Datei schreiben
$ npm install -g yo
https://github.com/yeoman/yo
http://yeoman.io
Generatoren
• ca. 1400 Generatoren frei verfügbar
• Best-Practices
• Einfach zu installieren & zu entwickeln
$ npm install -g <NAME>
$ npm install -g generator-gulp-webapp
Verwendung
$ yo <generator>:<sub-generator>
$ yo <generator>
$ yo angular
$ yo angular:directive
$ yo angular:route
$ yo …

Weitere ähnliche Inhalte

Was ist angesagt?

Automatisierte Linux Administration mit (R)?ex
Automatisierte Linux Administration mit (R)?ex Automatisierte Linux Administration mit (R)?ex
Automatisierte Linux Administration mit (R)?ex Jan Gehring
 
Containerized End-2-End Testing - JUG Saxony Day
Containerized End-2-End Testing - JUG Saxony DayContainerized End-2-End Testing - JUG Saxony Day
Containerized End-2-End Testing - JUG Saxony DayTobias Schneck
 
Catacomb Datenbankabstraktion mit mod_dbd
Catacomb Datenbankabstraktion mit mod_dbdCatacomb Datenbankabstraktion mit mod_dbd
Catacomb Datenbankabstraktion mit mod_dbdMarkus Litz
 
Modern angular 02_angular_mit_type_script
Modern angular 02_angular_mit_type_scriptModern angular 02_angular_mit_type_script
Modern angular 02_angular_mit_type_scriptManfred Steyer
 
OSMC 2016 - Take care of your logs by Jan Doberstein
OSMC 2016 - Take care of your logs by Jan DobersteinOSMC 2016 - Take care of your logs by Jan Doberstein
OSMC 2016 - Take care of your logs by Jan DobersteinNETWAYS
 
Einführung in Elasticsearch - August 2014
Einführung in Elasticsearch - August 2014Einführung in Elasticsearch - August 2014
Einführung in Elasticsearch - August 2014inovex GmbH
 

Was ist angesagt? (7)

Automatisierte Linux Administration mit (R)?ex
Automatisierte Linux Administration mit (R)?ex Automatisierte Linux Administration mit (R)?ex
Automatisierte Linux Administration mit (R)?ex
 
Containerized End-2-End Testing - JUG Saxony Day
Containerized End-2-End Testing - JUG Saxony DayContainerized End-2-End Testing - JUG Saxony Day
Containerized End-2-End Testing - JUG Saxony Day
 
Catacomb Datenbankabstraktion mit mod_dbd
Catacomb Datenbankabstraktion mit mod_dbdCatacomb Datenbankabstraktion mit mod_dbd
Catacomb Datenbankabstraktion mit mod_dbd
 
Debugging und Profiling
Debugging und ProfilingDebugging und Profiling
Debugging und Profiling
 
Modern angular 02_angular_mit_type_script
Modern angular 02_angular_mit_type_scriptModern angular 02_angular_mit_type_script
Modern angular 02_angular_mit_type_script
 
OSMC 2016 - Take care of your logs by Jan Doberstein
OSMC 2016 - Take care of your logs by Jan DobersteinOSMC 2016 - Take care of your logs by Jan Doberstein
OSMC 2016 - Take care of your logs by Jan Doberstein
 
Einführung in Elasticsearch - August 2014
Einführung in Elasticsearch - August 2014Einführung in Elasticsearch - August 2014
Einführung in Elasticsearch - August 2014
 

Andere mochten auch

Reglas "Mitos y Leyendas" 2014
Reglas "Mitos y Leyendas" 2014Reglas "Mitos y Leyendas" 2014
Reglas "Mitos y Leyendas" 2014Psyko De
 
FINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufen
FINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufenFINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufen
FINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufenFINDOLOGIC
 
Incompatibilidades alimaentarias anymay 1
Incompatibilidades alimaentarias anymay 1Incompatibilidades alimaentarias anymay 1
Incompatibilidades alimaentarias anymay 1Marjorie AlExiita
 
áNgulos de la cámara
áNgulos de la cámaraáNgulos de la cámara
áNgulos de la cámaraK Nith Orjuela
 
Social Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf Facebook
Social Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf FacebookSocial Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf Facebook
Social Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf FacebooksocialBench GmbH
 
Presentación colfono 2012
Presentación  colfono 2012Presentación  colfono 2012
Presentación colfono 2012Manuel Monsalve
 
Mercadotecnia Electrónica Actividad 2
Mercadotecnia Electrónica Actividad 2 Mercadotecnia Electrónica Actividad 2
Mercadotecnia Electrónica Actividad 2 Lupita Martinez
 
Camiño dos Faros Individuales autoguiado 2017
Camiño dos Faros Individuales autoguiado 2017Camiño dos Faros Individuales autoguiado 2017
Camiño dos Faros Individuales autoguiado 2017Enrique Pérez Sampedro
 
Formatocurriculum pucesi mona
Formatocurriculum pucesi monaFormatocurriculum pucesi mona
Formatocurriculum pucesi monaMony Acosta
 
Offener Antwortbrief an die Fraktion der Grünen
Offener Antwortbrief an die Fraktion der GrünenOffener Antwortbrief an die Fraktion der Grünen
Offener Antwortbrief an die Fraktion der GrünenCDU Sankt Augustin
 
Mamografia, cancer de mama b
Mamografia, cancer de mama bMamografia, cancer de mama b
Mamografia, cancer de mama bRomina Sanchez
 
82 st gb aussetzung
82 st gb aussetzung82 st gb aussetzung
82 st gb aussetzungMar Tin
 

Andere mochten auch (20)

Internet
InternetInternet
Internet
 
Reglas "Mitos y Leyendas" 2014
Reglas "Mitos y Leyendas" 2014Reglas "Mitos y Leyendas" 2014
Reglas "Mitos y Leyendas" 2014
 
Ppt slide shere
Ppt slide sherePpt slide shere
Ppt slide shere
 
FINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufen
FINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufenFINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufen
FINDOLOGIC Webinar: Filterdarstellung- Intuitives verkaufen
 
Incompatibilidades alimaentarias anymay 1
Incompatibilidades alimaentarias anymay 1Incompatibilidades alimaentarias anymay 1
Incompatibilidades alimaentarias anymay 1
 
Presentacion catedra toxicologia
Presentacion catedra toxicologiaPresentacion catedra toxicologia
Presentacion catedra toxicologia
 
Escuela N°19
Escuela N°19Escuela N°19
Escuela N°19
 
áNgulos de la cámara
áNgulos de la cámaraáNgulos de la cámara
áNgulos de la cámara
 
Social Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf Facebook
Social Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf FacebookSocial Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf Facebook
Social Media Update Q1/2014 - deutsche Banken und Finanzinstitute auf Facebook
 
Presentación colfono 2012
Presentación  colfono 2012Presentación  colfono 2012
Presentación colfono 2012
 
Mercadotecnia Electrónica Actividad 2
Mercadotecnia Electrónica Actividad 2 Mercadotecnia Electrónica Actividad 2
Mercadotecnia Electrónica Actividad 2
 
Camiño dos Faros Individuales autoguiado 2017
Camiño dos Faros Individuales autoguiado 2017Camiño dos Faros Individuales autoguiado 2017
Camiño dos Faros Individuales autoguiado 2017
 
Trabajo sliderhare wil
Trabajo sliderhare wil Trabajo sliderhare wil
Trabajo sliderhare wil
 
Formatocurriculum pucesi mona
Formatocurriculum pucesi monaFormatocurriculum pucesi mona
Formatocurriculum pucesi mona
 
Tesis, comida guatemalteca
Tesis, comida guatemaltecaTesis, comida guatemalteca
Tesis, comida guatemalteca
 
Producto final
Producto finalProducto final
Producto final
 
Offener Antwortbrief an die Fraktion der Grünen
Offener Antwortbrief an die Fraktion der GrünenOffener Antwortbrief an die Fraktion der Grünen
Offener Antwortbrief an die Fraktion der Grünen
 
Serenidad
SerenidadSerenidad
Serenidad
 
Mamografia, cancer de mama b
Mamografia, cancer de mama bMamografia, cancer de mama b
Mamografia, cancer de mama b
 
82 st gb aussetzung
82 st gb aussetzung82 st gb aussetzung
82 st gb aussetzung
 

Ähnlich wie yeoman

Python builds mit ant
Python builds mit antPython builds mit ant
Python builds mit antroskakori
 
Hendrik Jungnitsch: Software verpacken mit Docker
Hendrik Jungnitsch: Software verpacken mit DockerHendrik Jungnitsch: Software verpacken mit Docker
Hendrik Jungnitsch: Software verpacken mit Dockergedoplan
 
Ionic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenIonic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenHendrik Lösch
 
Versionskontrolle in Machine-Learning-Projekten
Versionskontrolle in Machine-Learning-ProjektenVersionskontrolle in Machine-Learning-Projekten
Versionskontrolle in Machine-Learning-Projektencusy GmbH
 
Einfuehrung in die Erstellung von Software-Paketen mit dem RPM Package Manager
Einfuehrung in die Erstellung von Software-Paketen mit dem RPM Package ManagerEinfuehrung in die Erstellung von Software-Paketen mit dem RPM Package Manager
Einfuehrung in die Erstellung von Software-Paketen mit dem RPM Package ManagerLenz Grimmer
 
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan ScheidtAutomatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan ScheidtOPITZ CONSULTING Deutschland
 
Docker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-PatternsDocker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-PatternsQAware GmbH
 
Docker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-PatternsDocker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-PatternsJosef Adersberger
 
Some Bashing II - Mit der Kommandozeile Abläufe automatisieren
Some Bashing II - Mit der Kommandozeile Abläufe automatisierenSome Bashing II - Mit der Kommandozeile Abläufe automatisieren
Some Bashing II - Mit der Kommandozeile Abläufe automatisierenB1 Systems GmbH
 
Automatischer Build mit Maven
Automatischer Build mit MavenAutomatischer Build mit Maven
Automatischer Build mit MavenStefan Scheidt
 
Why websecurity sucks
Why websecurity sucksWhy websecurity sucks
Why websecurity sucksThaDafinser
 
SLAC 2008 RPMs selber bauen
SLAC 2008 RPMs selber bauenSLAC 2008 RPMs selber bauen
SLAC 2008 RPMs selber bauenSchlomo Schapiro
 
OSDC 2011 | FAI - Fully Automatic Installation by Thomas Lange
OSDC 2011 | FAI - Fully Automatic Installation by Thomas LangeOSDC 2011 | FAI - Fully Automatic Installation by Thomas Lange
OSDC 2011 | FAI - Fully Automatic Installation by Thomas LangeNETWAYS
 
Dockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdf
Dockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdfDockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdf
Dockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdfSyahri Ramadhan
 

Ähnlich wie yeoman (20)

Einführung in Docker
Einführung in DockerEinführung in Docker
Einführung in Docker
 
FLOW3-Workshop F3X12
FLOW3-Workshop F3X12FLOW3-Workshop F3X12
FLOW3-Workshop F3X12
 
Automatisierung mit grunt
Automatisierung mit gruntAutomatisierung mit grunt
Automatisierung mit grunt
 
Testing tools
Testing toolsTesting tools
Testing tools
 
Python builds mit ant
Python builds mit antPython builds mit ant
Python builds mit ant
 
Hendrik Jungnitsch: Software verpacken mit Docker
Hendrik Jungnitsch: Software verpacken mit DockerHendrik Jungnitsch: Software verpacken mit Docker
Hendrik Jungnitsch: Software verpacken mit Docker
 
Ionic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf SteroidenIonic 2 - Hybridapps auf Steroiden
Ionic 2 - Hybridapps auf Steroiden
 
Versionskontrolle in Machine-Learning-Projekten
Versionskontrolle in Machine-Learning-ProjektenVersionskontrolle in Machine-Learning-Projekten
Versionskontrolle in Machine-Learning-Projekten
 
Einsteiger Workshop
Einsteiger WorkshopEinsteiger Workshop
Einsteiger Workshop
 
Einfuehrung in die Erstellung von Software-Paketen mit dem RPM Package Manager
Einfuehrung in die Erstellung von Software-Paketen mit dem RPM Package ManagerEinfuehrung in die Erstellung von Software-Paketen mit dem RPM Package Manager
Einfuehrung in die Erstellung von Software-Paketen mit dem RPM Package Manager
 
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan ScheidtAutomatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
Automatischer Build mit Maven - OPITZ CONSULTING - Stefan Scheidt
 
Node.js
Node.jsNode.js
Node.js
 
Docker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-PatternsDocker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-Patterns
 
Docker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-PatternsDocker und Kubernetes Patterns & Anti-Patterns
Docker und Kubernetes Patterns & Anti-Patterns
 
Some Bashing II - Mit der Kommandozeile Abläufe automatisieren
Some Bashing II - Mit der Kommandozeile Abläufe automatisierenSome Bashing II - Mit der Kommandozeile Abläufe automatisieren
Some Bashing II - Mit der Kommandozeile Abläufe automatisieren
 
Automatischer Build mit Maven
Automatischer Build mit MavenAutomatischer Build mit Maven
Automatischer Build mit Maven
 
Why websecurity sucks
Why websecurity sucksWhy websecurity sucks
Why websecurity sucks
 
SLAC 2008 RPMs selber bauen
SLAC 2008 RPMs selber bauenSLAC 2008 RPMs selber bauen
SLAC 2008 RPMs selber bauen
 
OSDC 2011 | FAI - Fully Automatic Installation by Thomas Lange
OSDC 2011 | FAI - Fully Automatic Installation by Thomas LangeOSDC 2011 | FAI - Fully Automatic Installation by Thomas Lange
OSDC 2011 | FAI - Fully Automatic Installation by Thomas Lange
 
Dockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdf
Dockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdfDockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdf
Dockerbank II - 03 - Szenarien des Routinebetriebs (aktualisiert).pdf
 

yeoman

  • 2. NodeJS + NPM sind Voraussetzung
  • 3. $ npm install -g bower http://bower.io
  • 4. Verwendung $ bower install <library> Bibliothek installieren $ bower list Abhängigkeiten auflisten http://bower.io/docs/api/ $ bower search <…> Bibliothek suchen
  • 5. $ npm install -g gulp http://gulpjs.com/
  • 6. STREAMING BUILD SYSTEM DateisystemDateien lesen Modifizieren Modifizieren Dateien schreiben Dateisystem Dateisystem Modifizieren Dateien schreiben
  • 7. var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); gulp.task('scripts', function () { return gulp.src('app/scripts/**/*.js') // Alle Skripte zusammenfassen .pipe($.concat('app.js')) // Die nicht minimierte Version in eine Datei schreiben .pipe(gulp.dest('dist/scripts/')) // JavaScript minimieren .pipe($.uglify()) // Datei in app.min.js umbennen .pipe($.rename({ extname: '.min.js' })) // Minimierte Version in eine Datei schreiben .pipe(gulp.dest('dist/scripts/')); }); Dateien lesen Zusammenfassen Datei schreiben Minimieren Umbennen Datei schreiben
  • 8. $ npm install -g yo https://github.com/yeoman/yo http://yeoman.io
  • 9. Generatoren • ca. 1400 Generatoren frei verfügbar • Best-Practices • Einfach zu installieren & zu entwickeln $ npm install -g <NAME> $ npm install -g generator-gulp-webapp
  • 10. Verwendung $ yo <generator>:<sub-generator> $ yo <generator> $ yo angular $ yo angular:directive $ yo angular:route $ yo …