[[oktatas:web:nodejs:yeoman|< Yeoman]]

====== Webalkalmazás ======

  * **Szerző:** Sallai András
  * Copyright (c) 2016, Sallai András
  * Szerkesztve: 2016, 2017, 2024
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== 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:
<code>
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
</code>

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.

===== Links =====

  * https://github.com/yeoman/generator-webapp