Это будет небольшая статья для пользователей 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 ваше приложение будет запущено.
Чтобы просмотреть это приложение только на сервере, перейдите по этой ссылке:
Чтобы просмотреть это приложение только на вашем URL-адресе app.test, перейдите по этой ссылке:
Надеюсь, что это поможет кому-то, поскольку я не мог найти это нигде!