Laravel 和Vue 的项目搭建:基础篇 | laravel vue整合
简介代码地址laravel-vue-iview的GitHub仓库戳这里[1]。注意:这篇文章只是将vue整合到Laravel项目中,没有加入前后端的权限控制,所以只适合新手拿来学习这两个技术栈以及相关的iview、vue-router等。创建项目Laravel最新版本是5.6,但是5.5是长期支持版本所以这里依旧选择使用5.5#blog是项目的名称,可自行修改composercreate-project--prefer-distlaravel/laravelblog"5.5.*"运行项目进入刚创建的项目,执行phpartisanserve,访问127.0.0.1:8000[2]扩展包package.json配置初次接触Vue的同学,通常对于要安装什么扩展包感到迷茫。以...
简介代码地址 laravel-vue-iview 的 GitHub 仓库 戳这里[1]。
注意:这篇文章只是将vue整合到Laravel项目中,没有加入前后端的权限控制,所以只适合新手拿来学习这两个技术栈以及相关的 iview、vue-router 等。
创建项目Laravel 最新版本是 5.6,但是 5.5 是长期支持版本所以这里依旧选择使用 5.5
# blog 是项目的名称,可自行修改 composer create-project --prefer-dist laravel/laravel blog "5.5.*" 运行项目进入刚创建的项目,执行 php artisan serve ,访问 127.0.0.1:8000 [2]
扩展包 package.json 配置初次接触 Vue 的同学,通常对于要安装什么扩展包感到迷茫。以下是 Laravel package.json 中默认的扩展包:
"devDependencies": { "axios": "0.17", "bootstrap-sass": "3.3.7", "cross-env": "5.1", "jquery": "3.2", "laravel-mix": "1.0", "lodash": "4.17.4", "vue": "2.5.7" }bootstrap-sass 提供 sass 编写的 bootstrap 支持,因为我们要用 iview 所以这个扩展可以删除。
直接与 Vue 相关的有 vue 和 axios(网络请求工具),如果开发中、大型项目,vue-router(路由管理工具) 和 vuex(状态管理工具) 也必不可少。
还有其他常用的扩展,例如支持 cookie 操作的 js-cookie,支持多国语言开发的 vue-i18n,支持 Sass 语法的 node-sass 等。
此项目前端使用 iview[3] 框架,加上这些常用扩展后的 package.json :
"devDependencies": { "axios": "0.17", "cross-env...