搭建 Laravel + vuetify 開發環境

idlewater發表於2019-01-16
LaravelVue開發環境

最近著手一個基於Larvel + Vuetify的開發框架，需要把Vuetify直接整合到Larvel裡，不能使用Vue-Cli，Vuefity官方提供的安裝方法不能使用，經過一番摸索嘗試，終於安裝成功。具體步驟如下（我在Win10環境，Nodjs，Laravel等已經提前安裝好，如果你沒有裝，先提前安裝這些）：
1、建立Laravel專案
composer create-project --prefer-dist laravel/laravel yourproject
請把youproject替換成你的專案名稱。
2、進入專案目錄yourproject
cd yourproject
3、依次安裝如下專案

npm install
npm install vue-router
npm install vuetify
npm install css-loader
npm install material-design-icons-iconfont
npm install vuex --save
npm install stylus-loader stylus --save-dev

4、app.js中新增如下程式碼：

import 'vuetify/dist/vuetify.min.css'
import 'material-design-icons-iconfont/dist/material-design-icons.css'

這樣就安裝成功了，可以在專案裡使用Vuetify了。使用Vuefity一般就不需要jquery和bootstrap了，可以在bootstrap.js裡把相關引用刪掉。

本作品採用《CC 協議》，轉載必須註明作者和本文連結

相關文章