【ruoyi】win10从零搭建若依框架部署全过程（前后端分离版本）_若依vscode部署

记录一下在全新的电脑上搭建若依系统的前端和后端所需的环境，我使用的是前后端分离版本

**

郑重说明，本文不含任何广告。

**

若依框架下载

从若依官网下载前端分离版本，官网地址：http://www.twom.top/

下载后的文件夹内容如下：红色框框是前端代码，其余的是后端代码以及必要的一些文件。

前端

首先搭建前端环境，这里借鉴了一下这位老哥的操作，该老哥网址如下：https://blog.csdn.net/fuckergod/article/details/117728822
我不知道版本会不会影响最终是否能成功，后面我会一一列出我下载的版本，首先下载vscode，我习惯用vscode编写前端代码，
vscode下载网址如下:
https://code.visualstudio.com/Download
我的vscode版本如下：

搭建前端必备环境：nodejs，nodejs官网网址：
https://nodejs.org/en/download/
这里提示一下，大部分软件都有msi模式和zip模式，msi为镜像文件，通过安装使用，zip是压缩的二进制文件，直接解压就可以使用，不过通常要配置环境变量。环境变量的配置很简单，而且大部分都一样，自行百度各种软件的环境变量配置方法。这里演示nodejs的配置方法，我的所有软件都放置在D盘的soft中，如下所示：

因此我的nodejs环境变量配置成如下，记得把NODE_PATH也配置到系统的path中去，NODE_PATH是npm的路径，如下：

配置完每一个功能，检查是否配置成功很关键，win + R 打开命令提示符，输入node -v查看版本，显示如下说明配置成功，如果报npm不是内部可执行命令，一般就是node的环境变量没有配置对，检查一下。

打开vscode，点击file-》open folder -》ruoyi-ui，打开若依的前端代码，然后打开src，在app.vue上右键，点击open in integrated terminal


然后在下方的控制台中输入npm install

然后输入npm run dev便可启动前端，成功的前端界面如下所示：

这里的二维码显示不出来，并且会报404，因为我们的后端还没起来，到这里前端的环境就配置好了。

后端

后端需要的东西就比较多，我的环境是**idea + jdk + tomcat + maven + redis + mysql**
因此需要依次下载这几个软件，下面将一一讲解：

idea

我下载的是idea2022.1.3版本的，具体咋个安装，参考这篇博客：
https://www.exception.site/essay/how-to-free-use-intellij-idea-2019-3

jdk

安装jdk就很简单了，直接去官网下：https://www.oracle.com/java/technologies/downloads/
需要注意的也是环境变量的配置，检查是否配置成功，直接去cmd中输入java -version查看是否出现版本信息，如果出现了，代表配置成功。

tomcat

我的是这个版本的，具体直接去官网下就行。tomcat安装请参考这篇博客，讲解的非常详细。难点也在环境变量上。
https://zhuanlan.zhihu.com/p/150451728

maven
maven也一样，下载，配置环境变量。
https://maven.apache.org/download.cgi

redis

redis也一样，下载，配置环境变量。redis比较坑的一点就是，下载很容易中断，多下几次，网址如下：
https://github.com/tporadowski/redis/releases

我下的是msi的，因为比zip小，好下一些。值得注意的是，同样也需要配置环境变量。redis配置可以参考这个，比较详细。每个人的文件夹不同，执行的命令行也不同，因人而异哈，配置好之后，起起来，就别关了。出现下面这个就代表起起来了。

https://blog.csdn.net/fuckergod/article/details/117728822

mysql

个人认为这个版本的mysql安装最详细：https://zhuanlan.zhihu.com/p/188416607
安装mysql我认为比较难的是选择自己的安装文件夹，以及用来存放数据表的文件夹的切换。

至此，后端所需的环境也下载配置完成了。
打开idea，将这里面的两个sql在mysql中执行，这里执行的都是若依系统必要的数据。记得第一次使用mysql的时候，需要新建一个数据库，就命名为ry_vue吧，然后执行里面的建表，插入数据的语句。

idea配置tomcat
https://blog.csdn.net/zhangzhanbin/article/details/115721374

idea配置maven
https://blog.csdn.net/qq_42057154/article/details/106114515

https://zhuanlan.zhihu.com/p/122429605

配置完之后，在idea中打开若依的后端代码，修改数据库配置，修改成为如下：

然后在这里执行启动操作：

进入vscode，按住ctrl 然后鼠标左键点击local的网址，进入登陆界面：

总结

能登陆成功的前提是，redis，mysql处于运行状态。个人感觉比较抠细节的是各种软件的环境变量的设置，只有一个个设置成功了，最后才会成功。附上我的软件安装的文件夹：

我都是安装在D盘的soft文件夹下，因此，在设置环境变量的时候，就方便修改。