A kiválasztott változat és az aktuális verzió közötti különbségek a következők.
Előző változat mindkét oldalon Előző változat Következő változat | Előző változat | ||
oktatas:web:nodejs:vite [2024/04/22 23:03] admin [Projekt készítése] |
oktatas:web:nodejs:vite [2024/04/22 23:08] (aktuális) admin [Projekt készítése] |
||
---|---|---|---|
Sor 18: | Sor 18: | ||
+ | <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 ===== | ===== Struktúra ===== | ||
Sor 34: | Sor 78: | ||
`-style.css | `-style.css | ||
</code> | </code> | ||
+ | |||
+ | ===== Fejlesztői szerver ===== | ||
+ | |||
+ | npm run dev | ||
+ | |||
+ | ===== Build ===== | ||
+ | |||
+ | npm run build | ||
+ | |||