Vite - Silnik Napędowy Projektu

W NOVA LAB używamy najnowocześniejszych narzędzi. Vite to nasz "silnik napędowy" - kompiluje kod szybciej niż rakieta osiąga pierwszą prędkość kosmiczną!

Czym jest Vite?

Vite (francuskie słowo oznaczające "szybki") to build tool nowej generacji. Stworzony przez Evana You - tego samego twórcę co Vue.js.

Dlaczego Vite jest tak szybki?

1. Native ES Modules - serwuje pliki bezpośrednio, bez bundlowania w dev
2. Hot Module Replacement - zmiany widoczne w milisekundach
3. esbuild - kompilacja 10-100x szybsza niż stare narzędzia

Inicjalizacja Projektu Misji

Aby uruchomić nowy projekt systemu, użyj protokołu startowego:

1npm create vue@latest

Kreator zada pytania o konfigurację misji:

1✔ Project name: … mars-control-system
2✔ Add TypeScript? … Yes
3✔ Add JSX Support? … No
4✔ Add Vue Router? … Yes
5✔ Add Pinia? … Yes
6✔ Add Vitest? … Yes
7✔ Add ESLint? … Yes
8✔ Add Prettier? … Yes

Struktura Systemu Misji

1mars-control-system/
2├── public/           # Zasoby statyczne (ikony, manifesty)
3├── src/
4│   ├── assets/       # Grafiki, style CSS
5│   ├── components/   # Moduły interfejsu
6│   ├── views/        # Ekrany główne
7│   ├── router/       # Konfiguracja nawigacji
8│   ├── stores/       # Bazy danych Pinia
9│   ├── App.vue       # Główny komponent
10│   └── main.ts       # Punkt startowy systemu
11├── index.html        # Szablon HTML
12├── package.json      # Manifest zależności
13├── vite.config.ts    # Konfiguracja silnika Vite
14└── tsconfig.json     # Konfiguracja TypeScript

Uruchomienie Systemu

1cd mars-control-system
2npm install           # Załaduj moduły
3npm run dev           # Uruchom w trybie deweloperskim

System uruchomi się na

http://localhost:5173