idea部署RuoYi-Vue详解

现在大部分公司都使用到了若依框架进行二次开发，相信还有很多小伙伴们对若依不是很了解，RuoYi-Vue是一款基于SpringBoot+Vue的前后端分离极速后台开发框架，是一个 Java EE 企业级快速开发平台，基于经典技术组合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），内置模块如：部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置；支持集群，支持多数据源，支持分布式事务。

想对若依进行更多了解可以传送官方文档： RuoYi

很多小伙伴们还不会部署这个项目到自己的本地，现在我就来教你将ruoyi-vue部署到本地，这里我们以idea进行教程。

话不多说，开干！

准备工作

JDK >= 1.8 （推荐1.8版本）
MySQL >= 5.7 （推荐5.7版本）
Maven >= 3.0
Node >= 12

第一步，拉取项目到我们的idea：

前往Gitee下载页面下载解压到工作目录，这里前提，我们需要给idea配置git，然后直接通过链接拉取项目即可。

1.本地下载git，配置到idea中。

2.将gitee路径复制到URL框中，设置自定义路径，点击Clon就开始加载我们的项目了。

3.拉取成功就长下面这个样子，如图：

tips：因为本项目是前后端完全分离的，所以需要前后端都单独部署好，才能进行访问。

第二步，接下来我们准备我们后端启动工作：

必要配置：

修改数据库连接，编辑resources目录下的application-druid.yml
修改服务器配置，编辑resources目录下的application.yml

这样基础配置就搞好了，接下来想要启动我们的项目，也要保证我们本地的Redis也是在运行着的，所以就需要我们本地有下载好的Redis数据库，我们将它运行起来。如果没有也没关系，请传送至官网下载： Redis

安装好以后，我们进入Redis路径下，双击redis-server.exe文件，如果闪退可以使用管理员运行或者在rides目录下打开黑窗口执行cmd命令：redis-server.exeredis.windows.conf

Rdis启动成功就长下面这个样子，如图：

Reids启动成功，接下来我们就可以启动我们的后端项目了，下面就是后端启动成功的样子，如图：

第三步，前端部署

首先你需要在本地安装部署nodejs，因为我们接下来都是通过npm命令来进行前端的启动工作。

Node.js 安装包及源码下载地址为：Node.js

Node.js的安装很简单，只要一直下一步就好了，安装好了以后我们开始配置它的环境变量，首先打开我们的环境变量配置（找不到的可以打开搜索框直接搜索环境变量即可），在系统变量中找到path属性，然后将我们的Node.js安装路径添加到变量值中，就OK了，如图：

下一步，我们右键ruoyi-ui(这个就是我们的前端项目)，打开终端，如图：

下一步，从上往下输入命令，即可

# 安装依赖
npm install# 强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。
# 这里我们使用的是淘宝镜像
npm install --registry= https://registry.npm.taobao.org# 本地开发 启动项目
npm run dev

最后，我们的若依项目启动成功！

前端启动成功会自动打开浏览器，前端端口号默认80，如图：

那么看到这里，我们的RuoYi-Vue就启动成功啦！接下来就可以对若依进行更加深入的了解，并嵌入自己的项目需求。

如果这篇文章对你有帮助的话，还请给在下一键三连资以鼓励，不尽感激！

idea部署RuoYi-Vue分离版详解，够细！你值得拥有相关推荐

阿里云容器服务飞天敏捷版详解
阿里云容器服务飞天敏捷版详解 libinjingshan 2017-04-24 23953浏览量简介: 阿里云容器服务提供了公共云.专有云以及飞天敏捷版三种部署形态,全方位地满足企业客户利用CaaS ...
【Big Data - Hadoop - MapReduce】通过腾讯shuffle部署对shuffle过程进行详解
摘要: 通过腾讯shuffle部署对shuffle过程进行详解摘要:腾讯分布式数据仓库基于开源软件Hadoop和Hive进行构建,TDW计算引擎包括两部分:MapReduce和Spark,两者内部都 ...
用Advanced Installer制作DotNetBar for Windows Forms 12.0.0.1_冰河之刃重打包版详解
关于 DotNetBar for Windows Forms 12.0.0.1_冰河之刃重打包版 --------------------11.8.0.8_冰河之刃重打包版-------------- ...
Vue组件-Confirm详解
Vue组件-Confirm详解原作者:爱扎马尾的小狮子一.使用的地方引用,传入属性和方法在需要的地方引入组件,然后传入对应的属性和方法组件 <template> <div : ...
docker 打包部署 python项目_Docker如何部署Python项目的实现详解
Docker 是一个开源项目,为开发人员和系统管理员提供了一个开放平台,可以将应用程序构建.打包为一个轻量级容器,并在任何地方运行.Docker 会在软件容器中自动部署应用程序. 在本篇中,我将介绍如 ...
一篇由简到难的 Vue 面试题+详解答案
作者:Big shark@LX 原文:https://juejin.cn/post/6961222829979697165 前言本文整理了「高频」出现的 Vue 相关面试题并且附带「详解答案」难度 ...
最全最详细前端vue面试题+详解答案(拿到高薪offer不是梦)
最全vue面试题+详解答案 1.MVC 和 MVVM 区别 MVC MVC全名是 Model View Controller,时模型 - 视图 - 控制器的缩写,一种软件设计典范. Model(模型) ...
vue组件component详解
vue组件component详解组件介绍组件: 组件是拥有一定功能多个html标签的集合体,是对html标签的封装. 好处: 模板中为了实现一个(例如分页)效果,需要绘制20个html标签 ...
vue 源码详解（零）：Vue 源码流程图
vue 源码详解(零):Vue 源码流程图最近在研究 Vue 的源码, 整理博客, 结果想到的.看到的内容实在是太多了, 不知道从何写起, 故整理了一个大致的流程图,根据这个顺序进行一一整理. 为了 ...

idea部署RuoYi-Vue分离版详解，够细！你值得拥有

idea部署RuoYi-Vue详解

第一步，拉取项目到我们的idea：

第二步，接下来我们准备我们后端启动工作：

第三步，前端部署

idea部署RuoYi-Vue分离版详解，够细！你值得拥有相关推荐

最新文章

热门文章