A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Következő változat | Előző változat | ||
oktatas:web:yeoman:webalkalmazas [2019/08/22 20:51] admin létrehozva |
— (aktuális) | ||
---|---|---|---|
Sor 1: | Sor 1: | ||
- | [[oktatas:web:yeoman|< Yeoman]] | ||
- | ====== Webalkalmazás ====== | ||
- | * **Szerző:** Sallai András | ||
- | * Copyright (c) Sallai András, 2016, 2017 | ||
- | * Licenc: GNU Free Documentation License 1.3 | ||
- | * Web: http://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 |