Easy Way to Set Up Vue Js in Laravel 8

Hello Artisan,

In this tutorial, we will learn how to set up Vue Js in Laravel 8. If you don’t know how to install Laravel 8 in Vue Js then this tutorial is for you. I will show you step by step to install Vue Js in your Laravel 8 application.

We will use the Laravel ui package to install Vue Js in Laravel 8 application. I will show you the Vue js installation process with authentication or without authentication in Laravel 8. So here we go.

Step 1 : Install Ui/Package

First, we need to install laravel ui package for starting with laravel 8 with Vue js. So if you want to start with laravel 8 with Vue then run the below command to install laravel ui.

composer require laravel/ui

After successfully install this ui package then we are ready to install Vue with your application.

Install Vue using this command

php artisan ui vue

If you want laravel 8 vue –auth then run below command.

php artisan ui vue --auth

Now all are set to go. Run just below command to compile javascript asset.

npm install
//then
npm run dev
//or
npm run watch

Now go to the resources/js folder, you can see all Vue file.