Vue & Laravel Commands

Vue.js Console Commands

How to create a Vite-Vue project

npm create vite@latest project-name -- --template vue

General package installation

npm i

Start the development server

npm run dev

How to install Sass

npm i -D sass

How to install Axios

npm i axios

How to install Bootstrap

npm i bootstrap

Import Bootstrap in main.js:

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

// If you use SCSS, also import:
// "bootstrap/dist/scss/bootstrap.min.scss"

How to install 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 ExampleFaUser } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";

library.add(ExampleFaUser);

// Between createApp and mount
app.component("FontAwesomeIcon", FontAwesomeIcon);

How to install Vue Router

npm i vue-router@4

---

Laravel Console Commands

Install Laravel

composer create-project laravel/laravel:^10 project-name

(version number = Laravel version)

Install general dependencies

composer i

Install specific libraries

composer require LibraryName

How to start a Laravel server

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

How to remove Tailwind and add Bootstrap

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

Remove the line type: 'module' (line 3) in package.json and add to app.scss:

@import '~bootstrap/scss/bootstrap';

// Add in the input object in app.js
'resources/scss/app.scss', 'resources/js/app.js',

// In the general layout, add in the head
@vite(['resources/js/app.js'])

npm run dev

How to create a model

php artisan make:model ModelName

Available options (append -rmsf):

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

How to create a migration

php artisan make:migration create_example_table

How to interact with the database

php artisan migrate

This command reads migrations and creates the database if it doesn’t exist.

How to refresh the database

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

How to rollback the database

php artisan migrate:rollback

How to reset the database

php artisan migrate:reset

How to create a seeder

php artisan make:seeder ModelNameSeeder
# With direct model import:
php artisan make:seeder ModelNameSeeder --model=ModelName

Then, call the seeder in DatabaseSeeder.

How to seed the database

php artisan db:seed

How to create a factory

php artisan make:factory ModelNameFactory
# With direct model import:
php artisan make:factory ModelNameFactory --model=ModelName

How to create a controller

php artisan make:controller ModelNameController
# Resource controller:
php artisan make:controller ModelNameController -r

How to install Laravel Breeze (with authentication)

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

How to create views

php artisan make:view ViewName
# With folder:
php artisan make:view folder.ViewName

How to create CRUD views with one command

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

How to link storage (for using assets)

Set in .env:

FILESYSTEM_DISK=public

In filesystems.php at line 16:

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

php artisan storage:link

How to create an API controller

php artisan make:controller Api/ModelNameController --api --model=ModelName

How to list all routes created

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

How to create a mail

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