How to install Vue JS in Laravel 7?

By Hardik Savani May 1, 2024 Category : Laravel

This article will give you example of laravel 7 vue auth example. i explained simply about how to install vue js in laravel 7. you can see install vue js in laravel 7. i would like to share with you laravel 7 install vue js.

If you are beginner with laravel 7 then i am sure i can help you to install vue in laravel 7. it's very simple way to install using laravel ui composer package.

Laravel ui provide way to install bootstrap, vue and react setup. they also provide auth scaffold for login and register. laravel 7 provide easy way to work with bootstrap, vue and react.

If you want to install vue in your laravel 7 project then install following laravel ui composer package to get command:

composer require laravel/ui

After successfully install above package then we are ready to install vue with our application.

we can install two way, one is a simple vue setup install and another is install vue with auth. So let's see both way.

Install Vue

php artisan ui vue

Install Vue with auth

php artisan ui vue --auth

Now we installed vue, you can see your resource directory js folder. it will be like as bellow screen shot:

You also need to install npm and run it. so let's run both command:

Install NPM

npm install

Run NPM

npm run dev

Now you can work with your vue app.

I hope it can help you...

Shares