Install Vue.js 3 on Laravel 10 Project: A Comprehensive Guide

CloudWays Promo Code: CWT20
Promo Discount: 20% off for three months

Follow me:

Playlists:

[tonyxhepaofficial]

Install Vue.js 3 on Laravel 10 Project: A Comprehensive Guide

[kenjohnsiosan]

very helpful . please do a series of vue3 and laravel10. thank you sir

[joshjuntilla]

I have a question. Some Vuejs project needed to run the "npm run build" to build the files for production use but you didn't run it in your tutorial. Is it necessary to run that or not? Still a bit confuse how Vuejs is working with Laravel.

[dopevideos]

Amazing tutorial. Please can you make e video about hot to install a template, where to put assets, how to structure header footer sidebar etc.

[eltiopacote]

Hi buddy, if I wanted to compile app.js to work under the `public/js/app.js` folder and be able to reference it in the typical `<script src="{{ asset('js/app.js') }}"></script>` way, how would I do it?
Another question, is it mandatory to use Vite? I think the `Vite` component is for easy development, but what if I don't want to use it?
Could you make a video solving these questions? Regards and thank you very much.

[eugenfelipe]

Thanks i was looking for this for long time beacuse i wasnt sure about directories. Now everything is clear for me thanks :)

[AntonioCabralNumberOne]

Interesting.
But now, how to manage routes, install pinia and etc?

[Rajendra_Sing]

thank you sir for this great tutorial video

[thesparkdev]

Thanks for this video! very useful. I would like to know what's the main difference between using vue within laravel project like this via app.js VS using vue as a standalone application and using Laravel REST API to perform CRUD?

[Neptun]

I wonder what operation system is, I think is linux, but the distro?

[JaimeOliver-js]

Thanks for your help, this helped me tremendously.

[PotatoonHV]

audio is awfull it plays only on the left speaker

[khainghtoo]

Sir can i @yield next blade ? Tutorail need Sir!

[kyung]

Thanks, finally i found tutorial that works for me (σ≧▽≦)σ

[el_niño_maka]

For those that can't use the alias, i have this code working in vite.config.js:

Don't know why but without the @ in alias is not working..

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

import { fileURLToPath, URL } from 'node:url'

export default defineConfig({
plugins: [
laravel({
input: ['resources/css/app.css', 'resources/js/app.js'],
refresh: true,
}),
vue()
],
resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)),
vue: 'vue/dist/vue.esm-bundler.js',
}
}
});