[[oktatas:web:nodejs|< Node.js]]

====== Vite ======

  * **Szerző:** Sallai András
  * Copyright (c) 2024, Sallai András
  * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC BY-SA 4.0]]
  * Web: https://szit.hu

===== A Vite =====

Frontend kezelő.


===== Projekt készítése =====

  npm create vite@latest


<code>
$ npm create vite@latest
? Project name: › vite-project
</code>


<code>
$ npm create vite@latest
✔ Project name: … app01
? Select a framework: › - Use arrow-keys. Return to submit.
❯   Vanilla
    Vue
    React
    Preact
    Lit
    Svelte
    Solid
    Qwik
    Others
</code>

<code>
$ npm create vite@latest
✔ Project name: … app01
✔ Select a framework: › Vanilla
? Select a variant: › - Use arrow-keys. Return to submit.
    TypeScript
❯   JavaScript
</code>

<code>
$ npm create vite@latest
✔ Project name: … app01
✔ Select a framework: › Vanilla
✔ Select a variant: › JavaScript

Scaffolding project in /home/janos/dev/app01...

Done. Now run:

  cd app01
  npm install
  npm run dev
</code>

===== Struktúra =====

<code>
app01/
  |-public/
  |  `-vite.svg
  |-.gitignore
  |-counter.js
  |-index.html
  |-javascript.svg
  |-main.js
  |-package-lock.json
  |-package.json
  `-style.css
</code>

===== Fejlesztői szerver =====

  npm run dev

===== Build =====

  npm run build