Сервер разработки в Vite

Сервер разработки поднимает страницу на локальном порту и отдаёт её браузеру.

После установки Vite команда vite лежит внутри проекта, а не в глобальной системе. Чтобы не писать длинный путь, удобно завести короткий скрипт в package.json. Имя dev связано с режимом разработки. Значение скрипта - просто слово vite: оно запускает сервер. Добавим такой фрагмент:

"scripts": {
  "dev": "vite"
}

Запуск через npm пишут как npm run и имя скрипта dev. Сервер по умолчанию слушает адрес http://localhost:5173. Откроем его в браузере после старта. Выполним запуск:

npm run dev

Пока процесс в терминале работает, сервер принимает запросы. Остановить его можно сочетанием клавиш прерывания в этом окне. Без файла страницы в корне проекта браузер может показать сообщение об отсутствии ресурса, но сам порт уже отвечает.

Добавьте в package.json скрипт dev и запустите сервер разработки.

Откройте в браузере адрес http://localhost:5173 и убедитесь, что соединение с сервером устанавливается.