Vite — это современные инструменты сборки, предназначенные для обеспечения быстрой и эффективной разработки, особенно для приложений на основе JavaScript, таких как React, Vue и других.

Сам Vite больше фокусируется на скорости разработки с минимальной настройкой и более быстрым временем загрузки в процессе разработки. Время сборки рабочей версии также обычно сокращается благодаря оптимизации при объединении

В этом руководстве вы узнаете, как шаг за шагом установить Reactjs с помощью Vite

Шаг 1
Откройте имеющееся у вас терминальное приложение, здесь я использую cmder, и перейдите в папку, в которую вы хотите установить приложение

Шаг 2
Для осуществления процесса установки вы можете использовать «yarn» или «npm»,
введите следующую команду в свой терминал:

##NPM
npm create vite@latest

##YARN
yarn create vite

Я использую пряжу.

После выполнения приведенной выше команды вам будет предложено ввести имя приложения, которое вы хотите создать, как показано на следующем изображении

Шаг 3
Вы увидите список; используйте клавиши со стрелками для перемещения вверх и вниз по списку, нажмите Enter, чтобы выбрать предпочтительный вариант.
На этом этапе мы выберем React

Шаг 3
Вы увидите пять вариантов выбора. Перейдите к и выберите
здесь я выберу Typescript SWC

И это все; Теперь у вас есть проект Vite

Шаг 4
Как указано в окончательных результатах на шаге 3, вас попросят ввести созданную вами папку приложения, после чего запустите команду, которую вам сказали выполнить

### masuk ke folder aplikasi anda
cd react-vite

### install dependencies
yarn install

Шаг 5
После того, как все процессы на шаге 4 пройдены успешно, для запуска приложения необходимо выполнить следующую команду

### npm 
npm run dev

### yarn
yarn dev

После успешного запуска приложения вы сможете получить к нему доступ по ссылке, отображаемой в терминале

Заключение:
Видите, это совсем не сложно, и весь процесс не займет много времени.

Теперь вы успешно научились устанавливать приложения ReactJS с помощью Vitejs

Спасибо