Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:nodejs:vite

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.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
oktatas:web:nodejs:vite [2024/07/27 19:03] – eltávolítva adminoktatas:web:nodejs:vite [2024/07/28 11:32] (aktuális) – létrehozva admin
Sor 1: Sor 1:
 +[[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
 +
  
oktatas/web/nodejs/vite.1722099781.txt.gz · Utolsó módosítás: 2024/07/27 19:03 szerkesztette: admin