Recipe-box 环境配置(laravel5.4&vue)

该项目原本是一个视频教程，因为本人已用了一年的 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。