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.

--- oktatas:web:nodejs:yeoman:yeoman_kezdes [2024/07/27 19:05] – eltávolítva admin
+++ oktatas:web:nodejs:yeoman:yeoman_kezdes [2024/07/28 11:33] (aktuális) – létrehozva admin
@@ Sor 1: / Sor 1: @@
+[[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