oktatas:web:nodejs:yeoman:webalkalmazas
Tartalomjegyzék
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
oktatas/web/nodejs/yeoman/webalkalmazas.txt · Utolsó módosítás: 2024/07/28 11:36 szerkesztette: admin