Налаштування Папки Проекту

Крок 3: Створення папки проекту

Тепер, коли у нас є всі необхідні зовнішні інструменти, ми можемо приступити до створення проекту. Завдання полягає в тому, щоб створити нову порожню папку спеціально для проекту, в якій більше нічого не буде зберігатися.

Крок за кроком:

1. Вибір місця: Виберіть місце на вашому комп'ютері, де ви хочете створити папку проекту. Це може бути будь-яке місце на ваш розсуд, наприклад, робочий стіл або певний каталог.
2. Створити нову папку: Клацніть правою кнопкою миші у вибраному місці і виберіть "Нова папка" з контекстного меню.
3. Назвіть папку: Дайте папці змістовну назву. Вона слугуватиме кореневою папкою для вашого React-проекту, тож оберіть інформативну та відповідну назву, що відповідає меті вашого проекту. Наприклад, ви можете назвати її movies-app, store-app, posts-app, learning-system-app тощо.

Наприклад, створимо порожню папку з назвою movies-app.

Крок 4: Відкрийте папку у вашому редакторі коду

Щоб почати роботу над проектом, вам потрібно відкрити папку movies-app у вашому редакторі коду, будь то Visual Studio Code або інший редактор на ваш вибір.

Виконайте наступні кроки:

• Запустіть ваш редактор коду. У нашому прикладі ми будемо використовувати Visual Studio Code (VS Code).
• Натисніть на іконку провідника, розташовану у верхньому лівому куті інтерфейсу VS Code.

• Натисніть кнопку "Open Folder" на панелі провідника.

• Знайдіть на комп'ютері папку movies-app і виберіть її. Після виконання цих кроків ви повинні побачити назву папки movies-app в інтерфейсі вашого редактора коду.

Тепер, коли ваша папка проекту налаштована і відкрита в редакторі коду, ви готові почати створювати свій React-додаток!