Крок 6: Ініціалізація проекту

Щоб налаштувати проект, використовуйте термінал. Відкрийте термінал у вашому редакторі коду (якщо він ще не відкритий), виконайте наступну команду і натисніть Enter:

npm create vite@latest .

Коли буде запропоновано, виберіть React як фреймворк, використовуючи клавіші зі стрілками:

Потім виберіть або JavaScript, або TypeScript, залежно від ваших уподобань:

Після завершення налаштування, Vite запропонує вам встановити залежності. Виконайте наступну команду:

npm install

Після завершення встановлення, запустіть сервер розробки, виконавши:

npm run dev

Після виконання цих команд ви побачите локальну URL-адресу для розробки — зазвичай: http://localhost:5173/. Ви можете відкрити це посилання у своєму браузері, щоб переглянути додаток в реальному часі.

Крок 7: Початок налаштування

Проект налаштовано, ви можете почати його налаштовувати:

• Ваша основна робота буде відбуватися всередині папки src;
• Ви знайдете стандартні файли, такі як App.jsx та main.jsx, які ви можете змінювати або замінювати відповідно до потреб вашого проекту;
• Якщо ви раніше працювали в CodeSandbox, відтворіть свою знайому структуру: переконайтеся, що у вас є main.jsx (еквівалент index.js у Vite) як точка входу та будуйте свій основний додаток у App.jsx;
• Створюйте додаткові папки за потреби для організації ваших компонентів, стилів та ресурсів.