该项目原本是一个视频教程,因为本人已用了一年的 vue,还算蛮熟悉的,而且对 Laravel 很感兴趣,所以就按照教程写了两遍并写成该文章。
作为开发者,都知道文件修改是个往复的过程,这里毕竟是文章,所以,文件大多都是最终稿,如果有意向观看视频者可以私信我。
该项目已发 github 上,如果有兴趣下载的朋友,可以去 点击此处。
个人觉得不适合 入行小白,虽然不会 composer、node 的话按照这个文章应该也是可以搞定的,但是 个人建议先了解一下这 两样东西再来尝试会更好。
使用composer 新建项目
>composer create-project laravel/laravel recipe-box “5.4.*”
打开项目后修改package.json 下的 “devDependencies” 属性,内容如下
{
"private": true,
"scripts": {...},
"devDependencies": {
"cross-env": "^5.0.1",
"laravel-mix":"^1.0"
}
}
npm 安装 需要的模块(建议使用 cnpm 代替 npm)
>npm install
>npm install vue vue-router axios --save
也许你已经发现,你删除的几个模块又添加回来了,但是 安装的模块 版本应该已经改变了
创建数据库名为: recipe-box 的数据库
修改 .env 文件下的 数据库有关信息 (DB_USERNAME、DB_PASSWORD、DB_DATABASE)
DB_DATABASE = recipe-box
修改 webpack.min.js
修改前:
mix.js('...', 'public/js').sass('...','public/css');
修改后:
mix.js('...', 'public/js').sass('','public/css').version();
完成之后,最好将 storage 目录的权限 设置成 777。