[[oktatas:web:nodejs:yeoman|< Yeoman]]

====== Yeoman kezdés ======

  * **Szerző:** Sallai András
  * Copyright (c) 2015, Sallai András
  * Szerkesztve: 2015, 2016, 2017, 2021, 2024
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * 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 =====

  * Node.js
  * npm
  * git

Telepítés deb alapú Linuxon:
<code>
curl -sL https://deb.nodesource.com/setup_11.x | bash -
apt install nodejs
</code>

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 =====

<code>
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! 
  ──────────────
</code>


===== Források =====

Források: 
  * https://github.com/nodesource/distributions/tree/master/deb
  * https://github.com/yeoman/generator-webapp