test_react

Инициализация проект на шаблоне typescript

1. Переходим в папку с проектами

   1

   proj

2. Создадим пустую папку

   1	mkdir <наим_папки>

3. Откроем проект с помощью VSCode

   1	code <наим_папки>

4. Создаем проект на typescript с помощью шаблона

   1	yarn create vite . --template react-ts

5. Установим зависимости

   1

   yarn

6. Добавим файл .env в корневую директорию

   1	touch .env

Маршрутизация

1. Установим React Router

   1	yarn add react-router-dom@6

Установка Ant Design

1. Подключаем библиотеку Ant Design

   1	yarn add antd

2. Подключаем стили в файле точки входа main.tsx

   1	import 'antd/dist/antd.css';

3. Устанавливаем библиотеку с иконками

   1	yarn add @ant-design/icons

1. Запуск на определенному порту

   1	vite --port 3007