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

แชร์
ฝัง
  • เผยแพร่เมื่อ 1 ธ.ค. 2024

ความคิดเห็น • 46

  • @tonyxhepaofficial
    @tonyxhepaofficial  ปีที่แล้ว +11

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

    • @JohnmardySanmiguel-yj2qe
      @JohnmardySanmiguel-yj2qe ปีที่แล้ว

      how about adding vuetify sir

    • @turdakhov
      @turdakhov ปีที่แล้ว

      Thank you! Best tutorial. It very helped me.

    • @kinsam6170
      @kinsam6170 7 หลายเดือนก่อน

      I am getting this error. Can you help @codewithtonyofficial
      C:\xampp\htdocs\lms>npm install vue@next vue-loader@next
      npm ERR! code ETARGET
      npm ERR! notarget No matching version found for vue@next.
      npm ERR! notarget In most cases you or one of your dependencies are requesting
      npm ERR! notarget a package version that doesn't exist.
      npm ERR! A complete log of this run can be found in: C:\Users\Hp\AppData\Local
      pm-cache\_logs\2024-04-25T02_07_40_721Z-debug-0.log

  • @kenjohnsiosan9707
    @kenjohnsiosan9707 ปีที่แล้ว +5

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

  • @dopevideos8755
    @dopevideos8755 ปีที่แล้ว +4

    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.

  • @joshjuntilla
    @joshjuntilla ปีที่แล้ว +2

    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.

  • @eugenfelipe853
    @eugenfelipe853 ปีที่แล้ว +1

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

  • @AntonioCabralNumberOne
    @AntonioCabralNumberOne ปีที่แล้ว +1

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

  • @eltiopacote
    @eltiopacote ปีที่แล้ว +1

    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 `` 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.

  • @thebestchillsounds4780
    @thebestchillsounds4780 ปีที่แล้ว +1

    Finally tutorial that helped :)

  • @thesparkdev6665
    @thesparkdev6665 11 หลายเดือนก่อน

    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?

  • @Rajendra_Sing
    @Rajendra_Sing ปีที่แล้ว +1

    thank you sir for this great tutorial video

  • @JaimeOliver-j9s
    @JaimeOliver-j9s ปีที่แล้ว

    Thanks for your help, this helped me tremendously.

  • @Neptun084
    @Neptun084 ปีที่แล้ว

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

  • @alexandergeorgesquire220
    @alexandergeorgesquire220 5 หลายเดือนก่อน

    will this work in laravel 11?

  • @learnwithyan
    @learnwithyan 6 หลายเดือนก่อน

    Thx bro for lesson

  • @rwotbusiness3690
    @rwotbusiness3690 8 หลายเดือนก่อน

    very helpful

  • @tabish__ali
    @tabish__ali 9 หลายเดือนก่อน

    No matching version found for vue@next.

    • @imambs521
      @imambs521 9 หลายเดือนก่อน

      npm install vue-next is working

  • @khainghtoo9372
    @khainghtoo9372 ปีที่แล้ว

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

  • @jorensumagang3533
    @jorensumagang3533 ปีที่แล้ว

    How do i add vuetify?

  • @PotatoonHV
    @PotatoonHV 3 หลายเดือนก่อน +1

    audio is awfull it plays only on the left speaker

  • @milad8451
    @milad8451 ปีที่แล้ว

    Thank you very much

  • @imambs521
    @imambs521 9 หลายเดือนก่อน

    npm install vue-next is working now vue@next is not working

    • @Daaboo
      @Daaboo 8 หลายเดือนก่อน

      npm install vue@3 is working

  • @dotesislifeeee
    @dotesislifeeee ปีที่แล้ว

    not working with laragon I assume

  • @mohammadadnan8112
    @mohammadadnan8112 ปีที่แล้ว

    جزاك الله خيرا

  • @saplkereviz6824
    @saplkereviz6824 ปีที่แล้ว

    Thanks

  • @rizkiaprita
    @rizkiaprita 10 หลายเดือนก่อน

    fuck yeah!! thanks man!
    youre rock!

  • @shahintamjidi
    @shahintamjidi ปีที่แล้ว +1

    voice is mono

    • @tonyxhepaofficial
      @tonyxhepaofficial  ปีที่แล้ว

      Thanks

    • @EmotionalWeather
      @EmotionalWeather ปีที่แล้ว

      Yea sound is broken, sadly makes this unwatchable

    • @el_niño_maka
      @el_niño_maka 9 หลายเดือนก่อน

      U can't really handle 9 minutes?? i don't think it's unwatchable just only cause of mono xD@@EmotionalWeather

    • @EmotionalWeather
      @EmotionalWeather 9 หลายเดือนก่อน +1

      @@el_niño_maka Yes, if you have headphones, its not watchable.

  • @kyung9790
    @kyung9790 ปีที่แล้ว

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

  • @Pages_Perfected
    @Pages_Perfected 23 วันที่ผ่านมา

    npm create vue@latest

  • @Chernov1984
    @Chernov1984 6 หลายเดือนก่อน

    +

  • @el_niño_maka
    @el_niño_maka 9 หลายเดือนก่อน

    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 vue from '@vitejs/plugin-vue';
    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',
    }
    }
    });

  • @allyss9022
    @allyss9022 10 หลายเดือนก่อน

    thank you so much

  • @muhammadumarsotvoldiev8768
    @muhammadumarsotvoldiev8768 ปีที่แล้ว

    thank you very much