Home » How To Install Vue In Laravel 8 Step By Step

How To Install Vue In Laravel 8 Step By Step

Last updated on June 25, 2021 by

In this article, we will learn how to install Vue in Laravel. In older versions of Laravel, Vue was set up automatically with every new installation. However, in newer versions, you have to set it up yourself. Let’s see it step by step.

Install Vue In Laravel

The laravel/ui is a separate package that provides the UI scaffoldings for bootstrap, vue, and react. Alongside the auth scaffold for login and registration.

Follow these steps to get Vue set up in your Laravel app.

  1. The Bootstrap and Vue scaffolding provided by Laravel is located in the laravel/ui Composer package, which may be installed using Composer:
composer require laravel/ui
  1. Once the laravel/ui package has been installed, you may install the frontend scaffolding using the ui Artisan command:
php artisan ui vue

If you also need to add the auth scaffolding, add the --auth switch to the command:

php artisan ui vue --auth
  1. Finally, you’ll need to install the newly added dependencies and compile them by running the following command
npm install && npm run dev

Note: if you’re running this for the first time, Mix might need to install additional dependencies which it’ll pull in automatically. If you see an error message, just run npm run dev again.

That’s it from our end. We hope this article helped you to learn how to install Vue in Laravel.

Additionally, read our guide:

  1. Laravel: Blade Switch Case Statement Example
  2. Laravel: Switch Case Statement In Controller Example
  3. How To Use CASE Statement In Laravel
  4. Laravel: Change Column Name In Migration
  5. How To Use Where Date Between In Laravel
  6. How To Add Laravel Next Prev Pagination
  7. Laravel Remove Column From Table In Migration
  8. Laravel: Get Month Name From Date
  9. Laravel: Increase Quantity If Product Already Exists In Cart
  10. How To Update Pivot Table In Laravel
  11. Angular: Declare Global Variable With Example
  12. How To Handle Failed Jobs In Laravel
  13. How To Remove WooCommerce Data After Uninstall
  14. How To Get Latest Records In Laravel
  15. How To Break Nested Loops In PHP Or Laravel
  16. How To Pass Laravel URL Parameter
  17. Laravel Run Specific Migration
  18. WordPress: Create Reset Password Link
  19. Redirect By JavaScript With Example

Please let us know in the comments if everything worked as expected, your issues, or any questions. If you think this article saved your time & money, please do comment, share, like & subscribe. Thank you for reading this post 🙂 Keep Smiling! Happy Coding!


Leave a Comment