I just started learning how to work with a Laravel server and I want to use Vue. But after installing the app.js file only has require('/bootstrap'); in it, shouldn't it have the required components and the const app field?
I used npm install and npm run watch. What am I doing wrong?
Laravel 6 doesn't ship with frontend scaffolding anymore, they shipped that to a new package called Laravel UI so install it and scaffold VueJS
composer require laravel/ui
php artisan ui vue
And if you need the authentication views like login and register
php artisan ui vue --auth
Docs
Related
In Laravel, I know running composer require laravel/ui and then php artisan ui vue --auth creates authentication scaffolding but it uses Bootstrap. Is there a way to create this scaffolding without Bootstrap?
Unfortunately and as I know, there is no alternative for the bootstrap UI in laravel authentication scaffolding, as I know there is a tailwind but the last update on the repo was 2 years ago so not sure if it is supported now
https://github.com/laravel-frontend-presets/tailwindcss
also, you can change it or create a new one, all view files in this path
resources/views/auth
if you want use TailWindCss And Compatibility with Laravel V9
You Can Use this package :
Github Repo
It's very simple and I've been using it for a few minutes
I'm proceeding with the first installation of Laravel 8, everything is ok, I also installed the authentication system via commands:
composer require laravel/ui
php artisan ui vue --auth
Unfortunately, I can't find any auth folders on the controller.
Furthermore, there is also no auth.php route
Can you tell me how to do it? How do I proceed?
PS: I would also like not to rely on any UI as bootstrap or whatever, but on my assets css and js. (I hope I have explained)
Run php artisan ui:controllers to scaffold the auth controllers.
Please I need help, I can setup Paystack on Laravel with laravel blade, but am having problem when integrating Paystack with Laravel and Vuejs. Vue communicate via api endpoint. So I need help on how to set it up properly.
Try using this package vue-paystack.
Do npm install vue vue-paystack --save
Read the docs here: https://www.npmjs.com/package/vue-paystack
Laravel is said to come with a Vue installation already packaged, but this no longer appears to be the case. Laravel 7.3 doesn't have the components folder and ExampleComponent.vue are missing.
I would like to get Vue running on Laravel.
Any help would be greatly appreciated.
The frontend scaffolding typically provided with previous releases of Laravel has been extracted into a laravel/ui Composer package. This allows the first-party UI scaffolding to be developed and versioned separately from the primary framework. As a result of this change, no Bootstrap or Vue code is present in default framework scaffolding, and the make:auth command has been extracted from the framework as well.
https://laravel.com/docs/6.x/releases#laravel-6
Inorder to generate the Presets read the documentation: https://laravel.com/docs/7.x/frontend
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
Once the laravel/ui package has been installed, you may install the frontend scaffolding using the ui Artisan command:
// Generate basic scaffolding...
php artisan ui bootstrap
php artisan ui vue
php artisan ui react // use this if you need react instead of vue
// Generate login / registration scaffolding...
php artisan ui bootstrap --auth
php artisan ui vue --auth
php artisan ui react --auth
Once done with the vue artisan command, you can find the ExampleComponent.vue and the basic files in the js folder.
Reference
I was able to get Vue working on Laravel using this as the correct example:
https://github.com/connor11528/laravel-vue-spa-tailwindcss
I'm a newbie in php / laravel / js libs world. I want to add require.js to my laravel 5.4 project, and some questions are come up.
First: What is the difference between these two lib:
npm install requirejs / npm install laravel-elixir-requirejs? Which one should i use?
Second: What is this elixir for? Why does laravel 5.4 documentation not contain this elixir?
Thanks for the answers in advance!
Laravel Elixir provides a clean, fluent API for defining basic Gulp tasks for your Laravel application. Elixir supports common CSS and JavaScript pre-processors like Sass and Webpack. Using method chaining, Elixir allows you to fluently define your asset pipeline.
It's more like micro framework for setting out the work flow and the second npm install requirejs means that npm will install .js where npm install laravel-elixir-requirejs is the js package specifically load js for elxir framework which is an component of laravel.