前后端分离项目全环境搭建（Ruoyi框架）

记录一下在全新的电脑上搭建前后端分离项目的全过程，方便下次继续Copy。（以Ruoyi框架为例子进行操作）

目录

前端

1、VsCode

2、NodeJs

后端

JDK

 idea

Tomcat

Maven

Redis

mysql

 跑Sql文件的办法有三种：

推荐：Navicat（公司不让用）

IDEA自带的database（安全值得相信）

直接用mysql的自带的直接走cmd来操作数据库（不能可视化，不推荐）

Git

Idea配置tomcat

idea配置maven

总结 

---

前端

1、VsCode

首先下载vscode，我习惯用vscode编写前端代码，直接所有默认安装就行了。
vscode下载网址如下:
Download Visual Studio Code - Mac, Linux, Windows

2、NodeJs

搭建前端必备环境：nodejs，nodejs官网网址：
Download | Node.js

 这里提示一下，大部分软件都有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