Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Вивчайте Початок і Запуск Проекту React з Vite | React в Реальному Світі
Опановуємо React
course content

Зміст курсу

Опановуємо React

Опановуємо React

4. React в Реальному Світі

book
Початок і Запуск Проекту 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;
  • Створюйте додаткові папки за потреби для організації ваших компонентів, стилів та ресурсів.
question mark

Яка команда використовується для початку нового проекту React з Vite?

Select the correct answer

Все було зрозуміло?

Як ми можемо покращити це?

Дякуємо за ваш відгук!

Секція 4. Розділ 5
Ми дуже хвилюємося, що щось пішло не так. Що трапилося?
some-alt