若依vue前后端全分离版安装 RuoYi-Vue

若依 vue分离版安装过程
下载若依vue 分离版本
https://gitee.com/y_project/RuoYi-Vue

下载解压完成后首先用idea导入其中的ruoyi文件夹
若依vue前后端全分离版安装 RuoYi-Vue_第1张图片

在两个yml文件中配置数据库和端口
若依vue前后端全分离版安装 RuoYi-Vue_第2张图片
在这里插入图片描述
在这里插入图片描述

配置完成启动即可,启动成功后到这一步就算是后端安装完成了启动就可以了

后端启动成功后再次导入ruoyi-ui文件夹

若依vue前后端全分离版安装 RuoYi-Vue_第3张图片

导入之后需要配置vue.config.js文件中的端口

若依vue前后端全分离版安装 RuoYi-Vue_第4张图片在这里插入图片描述
若依vue前后端全分离版安装 RuoYi-Vue_第5张图片

配置好这些后需要在终端使用npm命令进行操作
若依vue前后端全分离版安装 RuoYi-Vue_第6张图片

首先需要执行npm install
注意:

需要安装node,否则识别不了npm命令
安装地址:https://nodejs.org/zh-cn/

在这里插入图片描述

电脑中需要有此文件会自动识别,否则可能会在载入过程中出现以下情况卡住不动

在这里插入图片描述

如若出现这种情况可以尝试用 npm cache clean --force 来清除缓存后再重新执行npm install 如果这个方法不行的话可以使用下面这个命令执行:
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass
或者删除掉node_modules文件夹重新执行

若依vue前后端全分离版安装 RuoYi-Vue_第7张图片

以上命令执行成功没有报错之后需要用 npm run dev 命令来启动运行

启动完出现这样就是安装完成了

注意:
若依vue前后端全分离版安装 RuoYi-Vue_第8张图片

需要打开redis 否则会出现登录页面登录时不出现验证码

你可能感兴趣的:(若依框架)