搭建 Laravel + vuetify 开发环境
最近着手一个基于 Larvel + Vuetify 的开发框架,需要把 Vuetify 直接集成到 Larvel 里,不能使用 Vue-Cli,Vuefity 官方提供的安装方法不能使用,经过一番摸索尝试,终于安装成功。具体步骤如下(我在 Win10 环境,Nodjs,Laravel 等已经提前安装好,如果你没有装,先提前安装这些):
1、创建 Laravel 项目composer create-project --prefer-dist laravel/laravel yourproject
请把 youproject 替换成你的项目名称。
2、进入项目目录 yourprojectcd 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 协议》,转载必须注明作者和本文链接
推荐文章: