Зміст курсу
Опановуємо React
Опановуємо React
Початок і Запуск Проекту React з Vite
Крок 6: Ініціалізація проекту
Щоб налаштувати проект, використовуйте термінал. Відкрийте термінал у вашому редакторі коду (якщо він ще не відкритий), виконайте наступну команду і натисніть Enter:
python
Коли буде запропоновано, виберіть React як фреймворк, використовуючи клавіші зі стрілками:
Потім виберіть або JavaScript, або TypeScript, залежно від ваших уподобань:
Після завершення налаштування, Vite запропонує вам встановити залежності. Виконайте наступну команду:
python
Після завершення встановлення, запустіть сервер розробки, виконавши:
python
Після виконання цих команд ви побачите локальну URL-адресу для розробки — зазвичай: http://localhost:5173/
. Ви можете відкрити це посилання у своєму браузері, щоб переглянути додаток в реальному часі.
Крок 7: Початок налаштування
Проект налаштовано, ви можете почати його налаштовувати:
- Ваша основна робота буде відбуватися всередині папки src;
- Ви знайдете стандартні файли, такі як
App.jsx
таmain.jsx
, які ви можете змінювати або замінювати відповідно до потреб вашого проекту; - Якщо ви раніше працювали в CodeSandbox, відтворіть свою знайому структуру: переконайтеся, що у вас є
main.jsx
(еквівалентindex.js
у Vite) як точка входу та будуйте свій основний додаток уApp.jsx
; - Створюйте додаткові папки за потреби для організації ваших компонентів, стилів та ресурсів.
Дякуємо за ваш відгук!