Установка фреймворка React

Данный учебник посвящен популярному jаvascript фреймворку React. Для его изучения вам необходимо знать чистый jаvascript, основы командной строки, работу с npm и npx, работу с модулями ES6.

 Статьи   Время чтения: ~1 минута   Просмотров: 13

Установка фреймворка React

Данный учебник посвящен популярному jаvascript фреймворку React. Для его изучения вам необходимо знать чистый jаvascript, основы командной строки, работу с npm и npx, работу с модулями ES6.

Для установки фреймворка вам понадобятся NodeJS не ниже версии 8.10 и npm не ниже версии 5.6 на вашем компьютере. Для создания проекта в командной строке выполните следующие команды:

npx create-react-app my-app
cd my-app
npm start


где my-app - название нашего проекта (каталога с исходниками)


После этого у вас появится папка my-app, содержащая в себе фреймворк. Найдите в этой папке папку src - это будет ваша рабочая папка, в которой вы будете вести разработку вашего проекта.

В папке src найдите файл App.js. Ближайшие уроки этот файл будет вашим основным рабочим файлом. В нем вы будете писать код, наблюдая его результаты в окне браузера.

Откройте этот файл в редакторе и удалите из него все лишнее, приведя его вот к такому виду:

import React from 'react';

function App() {
    return
text
;
}

export default App;



После того, как ваш проект установлен, для следующего запуска (например, после перезагрузки компьютера) вам достаточно будет перейти через терминал в папку my-app и выполнить следующую команду:

npm start



Все команды вводятся в терминале?



Автор: Google

Последние страницы

Copyright © 2022 Blanet.Ru. Все права защищены.