Laravel Vue js Installation

A web framework provides a structure and starting point for creating your application, allowing you to focus on creating something amazing while you sweat the details.

Installation

composer create-project laravel/laravel laravel_vue  
cd laravel_vue
npm install -g vue-cli
composer require laravel/breeze --dev
php artisan breeze:install blade
npm install vue@next vue-loader@next
OR
npm install vue@latest vue-loader@latest
npm i @vitejs/plugin-vue  
OR
npm install
npm install vue vue-router vue-axios --save

vite.config.js

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

export default defineConfig({
    plugins: [
        vue(),
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
}); 

resources/js/app.js

import {createApp} from 'vue'
import App from './App.vue'

createApp(App).mount("#app")