Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:yeoman:webalkalmazas

< Yeoman

Webalkalmazás

  • Szerző: Sallai András
  • Copyright © Sallai András, 2016, 2017
  • Licenc: GNU Free Documentation License 1.3

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:

  • Sass
  • Bootstrap
  • Modernizr

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

Megtekintés

gulp serve

Helyben:

  • localhost:9000

Külső:

  • 192.168.5.102:9000

UI helyben:

  • localhost:3001

UI külső:

  • 192.168.5.102:3001

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.

oktatas/web/yeoman/webalkalmazas.txt · Utolsó módosítás: 2019/08/22 20:51 szerkesztette: admin