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

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

If you don’t want to remove those files then modify yourapp.js&app.cssand remove any entry related tobootstrap

Remove unwanted packages frompackage.json

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

Openwebpack.mix.jsand 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

Openresources/js/app.jsand add these lines

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

Add this line toapp.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: