Comandi Vue e Laravel

Comandi console Vue.js

Come creare un progetto vite-vue

npm create vite@latest nome-progetto -- --template vue

Installazione generale pacchetti

npm i

Avvio server

npm run dev

Come installare sass

npm i -D sass

Come installare axios

npm i axios

Come installare Bootstrap

npm i bootstrap

Importare bootstrap nel main.js:

import "bootstrap/dist/css/bootstrap.min.css";

// In caso che hai scss mettere anche
// "bootstrap/dist/scss/bootstrap.min.scss"

Come installare FontAwesome

npm i --save @fortawesome/fontawesome-svg-core
npm i --save @fortawesome/free-solid-svg-icons
npm i --save @fortawesome/free-regular-svg-icons
npm i --save @fortawesome/free-brands-svg-icons
npm i --save @fortawesome/vue-fontawesome@latest-3

import { library } from "@fortawesome/fontawesome-svg-core";
import { FaUser as EsempioFaUser } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";

library.add(EsempioFaUser);

// Tra createApp e mount
app.component("FontAwesomeIcon", FontAwesomeIcon);

Come installare il router di Vue

npm i vue-router@4

---

Comandi console Laravel

Installare Laravel

composer create-project laravel/laravel:^10 nome-progetto

(numero = versione Laravel)

Installazione dipendenze generali

composer i

Installazione librerie desiderate

composer require NomeLibreria

Come avviare un server su Laravel

php artisan serve
# oppure
php -S localhost:8000 -t public
npm run dev

Come togliere Tailwind e aggiungere Bootstrap

composer require pacificdev/laravel_9_preset
php artisan preset:ui bootstrap
npm i

Rimuovere la riga type:'module' (riga 3) nel package.json e aggiungere nel file app.scss:

@import '~bootstrap/scss/bootstrap';

// Aggiungere nell'oggetto input in app.js
'resources/scss/app.scss', 'resources/js/app.js',

// Nel layout generale aggiungere nella head
@vite(['resources/js/app.js'])

npm run dev

Come creare un modello

php artisan make:model NomeTabella

Opzioni disponibili (aggiungere -rmsf):

• r = resource
• m = migration
• s = seeder
• f = factory

Come fare una migrazione

php artisan make:migration create_esempio_table

Come comunicare con il db

php artisan migrate

Questo comando legge le migrations e crea il db se non lo hai.

Come fare il refresh del db

php artisan migrate:refresh
# Con seed:
php artisan migrate:refresh --seed

Come fare il rollback del db

php artisan migrate:rollback

Come fare il reset del db

php artisan migrate:reset

Come fare un seeder

php artisan make:seeder NomeDelModelloSeeder
# Con import diretto del modello:
php artisan make:seeder NomeDelModelloSeeder --model=NomeModello

Chiamare il seeder su DatabaseSeeder.

Come fare il seed

php artisan db:seed

Come creare una factory

php artisan make:factory NomeModelloFactory
# Con import diretto del modello:
php artisan make:factory NomeModelloFactory --model=NomeModello

Come creare un controller

php artisan make:controller NomeModelloController
# Controller resource:
php artisan make:controller NomeModelloController -r

Come installare Laravel Breeze (con autenticazione)

composer require laravel/breeze --dev
php artisan breeze:install
composer require pacificdev/laravel_9_preset
php artisan preset:ui bootstrap --auth
npm i
npm run dev

Come creare le view

php artisan make:view NomePagina
# Con cartella:
php artisan make:view cartella.NomePagina

Come creare le view CRUD con un comando

composer require lanciweb/laravel-make-view
php artisan make:view NomeModello --crud

Come fare il link allo storage

Impostare nel .env:

FILESYSTEM_DISK=public

In filesystems.php riga 16:

'default' => env('FILESYSTEM_DISK', 'public')

php artisan storage:link

Come creare il controller API

php artisan make:controller Api/NomeModelloController --api --model=NomeModello

Come controllare tutte le rotte

php artisan route:list
# Filtrate:
php artisan route:list --path=api

Come creare una mail

php artisan make:mail NomeCheVuoiMail
php artisan make:view mails.contacts.message