Это будет небольшая статья для пользователей local-host Homestead параллельно с Vite(vue3).

Это руководство научит вас, как начать использовать Vite на

а) ваша локальная машина

б) Обычно на вашей усадьбе

в) использование домена .test для доступа к вашему приложению Vite.

Локально на вашем компьютере

Шаг 1: убедитесь, что на вашем компьютере установлен node.js, если нет, нажмите на эту ссылку здесь для страницы установки. https://nodejs.org/en/download/.

Шаг 2. Откройте Bash и перейдите туда, где хранится ваш код. Например, v:/Code

Шаг 3: Запустите команду npm Init vue@latest (выберите параметры, подходящие для вашего проекта)

Шаг 4. Запустите команды, возвращенные из bash.

Cd ваш-проект, npm install, npm run dev

Шаг 6: после запуска npm run dev посетите http://localhost:3000/, ваше приложение Vite будет запущено.

Запуск Vite на усадьбе:

Шаг 1.Откройте Bash и Cd в homestead и запустите vagrant ssh.

Шаг 2.перейдите к месту хранения вашего кода.Например, /Code.

Шаг 3: Запустите команду npm Init vue@latest (выберите параметры, подходящие для вашего проекта)

Шаг 4. Запустите команды, возвращенные из bash.

Cd ваш-проект, npm install, npm run dev

Шаг 5.Откройте проект в редакторе кода и найдите файл vite.config.js.

Шаг 6.Добавьте приведенный ниже код сразу под строкой Определить конфигурацию.

server: {
  host: '0.0.0.0',
  watch: {
    usePolling: true,
  },
},

Тогда это будет выглядеть примерно так

import { fileURLToPath, URL } from "url";

import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    host: '0.0.0.0',
    watch: {
      usePolling: true,
    },
  },
  plugins: [vue()],
  resolve: {
    alias: {
      "@": fileURLToPath(new URL("./src", import.meta.url)),
    },
  },
});

Это позволяет Vite использовать горячий загрузчик в вашей среде разработки.

Шаг 6. После запуска npm run dev на вашем сервере homestead ваше приложение будет запущено.

Чтобы просмотреть это приложение только на сервере, перейдите по этой ссылке:

http://192.168.10.10:3000/

Чтобы просмотреть это приложение только на вашем URL-адресе app.test, перейдите по этой ссылке:

http://приложение.тест:3000/

Надеюсь, что это поможет кому-то, поскольку я не мог найти это нигде!