关于springblade+saber前后端分离项目：saber前端启动教程(亲自踩雷+解决方案)

Saber前端项目地址gitee：Saber: SpringBlade前端UI项目，对现有的avue2.0、element-ui库进行二次封装。基于json驱动的模块配置，打造最好用的vuejs中后台脚手架。官网：https://bladex.vip

我们先按照官网文档给出的安装步骤开始：

1.我们先找一个地方把项目克隆下来

git clone https://gitee.com/smallc/Saber.git

 

也可以通过这个方式，效果都差不多，只是名字上面的区别

2.将克隆下来的项目用IDEA打开

第一步：安装yarn并配置淘宝源

npm install -g yarn --registry=registry.npm.taobao.org
yarn config set registry registry.npm.taobao.org -g

 因为我们已经在Saber目录下了不需要cd了

第二步：替换sass版本，原因是node18+以上的版本和老版的版本兼容问题

1.配置环境变量

  NODE_OPTIONS=--openssl-legacy-provider

2.找到对应项目里面的package.json的node-sass和sass-loader版本号给他替换掉

"node-sass": "^8.0.0",
"sass-loader": "^10.4.1",

3.运行yarn install或者npm install我这里选择yarn 

yarn install

 第三步：运行项目,多半会报错

 yarn run serve      

如果报错修改文件package.json，在相关构建命令之前加入SET NODE_OPTIONS=--openssl-legacy-provider

"serve": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
"build": "SET NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",

最后再次运行 yarn run serve 成功启动