Tartalomjegyzék

< Yeoman

Webalkalmazás

Telepítés

Alapok:

# npm install --global yo gulp-cli bower

Telepítsük a webapp generátort:

# npm install --global generator-webapp

Az alkalmazás elkészítése

$ yo webapp

A következők közül kell választanunk:

Alapértelmezetten mind ki van jelölve. A szóközbillentyűvel lehet kivenni, amit nem szeretnénk.

Megtekintés

gulp serve

Helyben:

Külső:

UI helyben:

UI külső:

Ehhez hasonlót látunk:

gulp serve
[22:17:58] Using gulpfile ~/Projektek/gulp/proj02/gulpfile.js
[22:17:58] Starting 'serve'...
[22:17:58] Starting 'clean'...
[22:17:58] Starting 'wiredep'...
[22:17:58] Finished 'wiredep' after 16 ms
[22:17:58] Finished 'serve' after 26 ms
[22:17:58] Finished 'clean' after 80 ms
[22:17:58] Starting 'styles'...
[22:17:59] Starting 'scripts'...
[22:17:59] Starting 'fonts'...
[22:17:59] Finished 'fonts' after 28 ms
[22:17:59] Finished 'styles' after 817 ms
[22:17:59] Finished 'scripts' after 543 ms
[BS] Access URLs:
 ------------------------------------
       Local: http://localhost:9000
    External: http://192.168.5.5:9000
 ------------------------------------
          UI: http://localhost:3001
 UI External: http://192.168.5.5:3001
 ------------------------------------
[BS] Serving files from: .tmp
[BS] Serving files from: app

Az operációs rendszerben az alapértelmezett böngészőben megjelenik a weboldal.

Kiadás készítése

A kiadást a következő paranccsal készíthetjük el:

gulp build

Ennek hatására létrejön egy „dist” könyvtár, vagy frissül. Ebben megtalálhatjuk a telepíthető weboldalt.