Установка фреймворка React
Для установки фреймворка вам понадобится
NodeJS 22+ на вашем компьютере.
Для создания проекта в командной строке выполните
следующую команду:
npm create vite@latest my-app -- --template react
А затем выполните следующие команды:
cd my-app
npm install
npm run dev
После этого у вас появится папка my-app,
содержащая в себе фреймворк. Найдите в этой
папке папку src - это будет ваша рабочая
папка, в которой вы будете вести разработку
вашего проекта.
В папке src найдите файл App.js.
Ближайшие уроки этот файл будет вашим основным
рабочим файлом. В нем вы будете писать код,
наблюдая его результаты в окне браузера.
Откройте этот файл в редакторе и удалите из него все лишнее, приведя его вот к такому виду:
import React from 'react';
function App() {
return <div>
text
</div>;
}
export default App;
После того, как ваш проект установлен, для
следующего запуска (например, после перезагрузки
компьютера) вам достаточно будет перейти
через терминал в папку my-app и выполнить
следующую команду:
npm run dev