Felhasználói eszközök
oktatas:web:yeoman:webalkalmazas
Különbségek
A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
| Előző változat mindkét oldalon Előző változat | |||
|
oktatas:web:yeoman:webalkalmazas [2021/08/02 20:50] admin eltávolítva |
— (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 | ||
oktatas/web/yeoman/webalkalmazas.1627930209.txt.gz · Utolsó módosítás: 2021/08/02 20:50 szerkesztette: admin
Hacsak máshol nincs egyéb rendelkezés, ezen wiki tartalma a következő licenc alatt érhető el: CC Attribution-Share Alike 4.0 International
