搭建 Laravel + vuetify 开发环境

最近着手一个基于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 协议》,转载必须注明作者和本文链接
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!