< Yeoman

Webalkalmazás

Szerző: Sallai András

Copyright © 2016, Sallai András

Szerkesztve: 2016, 2017, 2024

Licenc: 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:

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.

Links

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