laravel+element-ui+vue 搭建详细教程

1.可用composer安装laravel框架项目

composer create-project laravel/laravel myblog

安装完成进入项目  cd myblog

2.安装前端资源和编译

npm install 

npm run watch  编译过程出现报错

laravel+element-ui+vue 搭建详细教程_第1张图片

 解决方法:修改resources/assets/sass/app.scss文件,将 bootstrap注释再编译即可成功

laravel+element-ui+vue 搭建详细教程_第2张图片

安装node-sass

npm install --save node-sass

安装过程出现一下报错

laravel+element-ui+vue 搭建详细教程_第3张图片

 可设置npm配置

 npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

若是第一次安装,可忽略该命令  npm uninstall node-sass

再执行一次  npm install --save node-sass

若再次出现上面刚刚的报错,这时要确定node-sass与node相对应的版本࿰

你可能感兴趣的:(laravel,vue,elementui)