Прежде чем начать, нам нужно:
- Node.js
Node.js — это кроссплатформенная среда выполнения JavaScript с открытым исходным кодом, которая выполняет код JavaScript вне браузера.
NPM — это менеджер пакетов для Node.js, в котором размещены тысячи бесплатных пакетов для загрузки и использования. NPM устанавливается на ваш компьютер при установке Node.js.
Установите последний узел 10.3.15 (npm 6.3.1), нажав NODE.
2.Инструменты разработчика
Инструменты разработчика помогают находить и устранять проблемы с макетами и функциями, которые могут возникнуть в разных браузерах. Например, если кнопка не работает или изображение в макете находится не на своем месте, эти инструменты помогут вам решить эти проблемы. Эти инструменты поставляются вместе с браузером. Если их нет, мы должны их установить.
3. Код Visual Studio
Microsoft Visual Studio — интегрированная среда разработки от Microsoft. Он используется для разработки компьютерных программ, а также веб-сайтов, веб-приложений, веб-сервисов и мобильных приложений.
Установите код Visual Studio, нажав VS CODE.
Создать приложение React
Создать приложение React — это удобная среда для изучения React и лучший способ начать создание нового одностраничного приложения в React.
CLI (Command-Line-Tool) используется для создания приложения React.
Использует встроенный Webpack.
Приходите в комплекте с сервером разработки.
npm run build достаточно для компиляции кода.
Чтобы создать проект:
Введите эти команды в CLI
npx create-react-app react-app
cd react-app
npm start
Эти файлы создаются в вашем проекте (react-app):
1.node_modules:
Модуль — это любой файл или каталог в каталоге node_modules
, который может быть загружен функцией Node.js require()
.
Для загрузки функцией Node.js require()
модуль должен быть одним из следующих:
- Папка с файлом
package.json
, содержащим поле"main"
. - Папка с файлом
index.js
. - Файл JavaScript.
2. источник:
Src — это место, где пишется код.
3.package.json:
Файл package.json: список пакетов, от которых зависит ваш проект. указывает версии пакета, которые ваш проект
4.gitignore:
Если вы создаете в своем репозитории файл с именем .gitignore, Git использует его, чтобы определить, какие файлы и каталоги следует игнорировать, прежде чем вы сделаете фиксацию.
5.README.md:
Файл README содержит информацию о других файлах в каталоге. Форма документации, обычно это простой текстовый файл.
Чтобы построить проект:
npm запустить сборку
Чтобы запустить проект:
запуск нпм
Ну, это шаги для создания нового проекта с использованием React. Спасибо за чтение..!!!