[[oktatas:web:nodejs:yeoman|< Yeoman]] ====== Yeoman kezdés ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2015, 2016, 2017, 2021 * Licenc: GNU Free Documentation License 1.3 * Web: https://szit.hu ===== Bevezetés ===== A Yeoman egy segédeszköz, amely megkönnyíti a fejlesztési munkánkat. Az npm csomagkezelőben a Yeoman csomagjának neve röviden: * yo A Yeoman mellett a következő csomagokat szokás még használni: * bower * gulp * live-server * grunt Lehetővé teszi projektek automatikus generálását, szükséges eszközök letöltését. A Yeoman weblapja: * https://yeoman.io/ ===== Szükséges ===== * NodeJS * npm * git Telepítés deb alapú Linuxon: curl -sL https://deb.nodesource.com/setup_11.x | bash - apt install nodejs Ellenőrizd, hogy telepítve vannak-e: node --version && npm --version git --version Ha szükséges az npm csomagkezelő frissítése, akkor futtasd a következő parancsot: npm install --global npm@latest ===== A Yeoman eszközök telepítése ===== Az npm egy csomagkezelő, amellyel telepíthetjük a Yeoman eszközöket. Telepítés: npm install --global yo bower grunt-cli Ellenőrizzük a telepítést: yo --version && bower --version && grunt --version ===== Webalkalmazás készítése ===== Telepítsünk egy generátort: # npm install --global generator-webapp Ezek után készítsünk egy projektet: $ mkdir proj01 $ cd proj01 $ yo webapp A kiadás elkészítését megkönnyíti a gulp. Telepítsük: # npm install --global gulp Lépjünk be a projekt könyvtárába: $ gulp build Létrejön egy dist nevű könyvtár. Telepítsünk egy webszervert: # npm install --global live-server Lépjünk be a dist könyvtárba, majd indítsuk el a webszervert: $ cd dist $ live-server Elindul a webszerver a 127.0.0.1:8080 címen. Az alapértelmezett böngészőben automatikusan megnyílik a weblap. ===== Webalkalmazás készítése 2 ===== Telepítsünk egy generátort: # npm install --global generator-webapp Ezek után készítsünk egy projektet: $ mkdir proj01 $ cd proj01 $ yo webapp A kiadás elkészítése csak gulp használatával: A projekt könyvtárában adjuk ki a következő parancsot: $ bower install Ezek után a fejlesztés elkezdhető a következő paranccsal: $ gulp A fejlesztés figyelemmel kísérése egy böngézsőben: $ gulp serve A kiadás megtekntése: $ gulp serve:dist ===== yo futtatása ===== yo ? ========================================================================== ? ========================================================================== ? ========================================================================== We're constantly looking for ways to make yo better! May we anonymously report usage statistics to improve the tool over time? More info: https://github.com/yeoman/insight & http://yeoman.io ========================================================================== No Native thread-sleep not available. This will result in much slower performance. You should re-install spawn-sync if possible. Check /usr/local/lib/node_modules/yo/node_modules/cross-spawn/node_modules/spawn-sync/error.log for more details ? 'Allo Sallai! What would you like to do? (Use arrow keys) Run a generator ────────────── ❯ Install a generator Find some help Get me out of here! ────────────── ===== Források ===== Források: * https://github.com/nodesource/distributions/tree/master/deb * https://github.com/yeoman/generator-webapp