Vue Cheatsheet

Vue Cheatsheet

VueJS cheatsheet for Laravel developers

Getting VS Code Ready

  • Vetur: Vue Compnents Syntax

Using Vuetify in Laravel Project [Incomplete]

Get rid of these files


If you don’t want to remove those files then modify your app.js & app.css and remove any entry related to bootstrap

Remove unwanted packages from package.json

npm remove bootstrap
npm remove popper.js
npm remove lodash
npm remove jquery

Open webpack.mix.js and remove/comment this line

.sass('resources/sass/app.scss', 'public/css');

Install stylus globally and in project

npm install -g stylus
npm install stylus stylus-loader

Insatll Vuetify

npm install vuetify --save

Open resources/js/app.js and add these lines

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Add this line to app.blade.php

  <link href=',300,400,500,700,900|Material+Icons' rel="stylesheet">

Original:  Updated: