Vue Cheatsheet

Vue Cheatsheet

VueJS cheatsheet for Laravel developers

Getting VS Code Ready

  • Vetur: Vue Compnents Syntax

Using Vuetify in Laravel Project

Get rid of these files

resources\sass\*
resources\js\bootstrap.js
resources\js\components\ExampleComponent.vue

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

npm install -g stylus

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'
Vue.use(Vuetify)

Add this line to app.blade.php

<head>
  <link href='https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons' rel="stylesheet">
</head>

Original:  Updated: