If you deploy the whole process according to the separation of the front and back ends of ruoyi

1. Download idea and webstorm

Go to JetBranins to download the community version of the java compiler
and webstorm

Insert picture description here


corresponds to the second one in the figure

Insert picture description here

Second, download git

Enter the official git website

Insert picture description here

After the download is complete, all are installed by default,
and then the right mouse button in any directory will have Git GUI and Git Bash

Insert picture description here


indicating that the git installation is successful

3. Download if the front-end and back-end separated version

Enter the code cloud interface of Ruoyi's front-end and back-end separated version

Insert picture description here


copy Link

Open idea, in the upper left corner, select File->New->Project from Vsersion Control...

Insert picture description here


Insert picture description here

If you copy the copied link to the URL here, the download will start automatically.

Fourth, configure the front-end environment

Configure node.js

Go to node.js official website to download node.js

Insert picture description here

Select the first download
and install all by default.

Insert picture description here


When entering npm -v and node -v in the command line mode, the version number will be displayed, the installation is successful.
If the version number cannot be displayed, the system environment variable may not be set. The
solution is as follows
on the computer the lower left corner using the search function

Insert picture description here


right click and select open file location, enter the installation directory, copy the path

Insert picture description here


and then searches the environment variables in the same way

Insert picture description here



click environment variables

Insert picture description here


double-click on path

Insert picture description here


to create a new environment variable, and then just copy the folder path into the copy, Then all are confirmed, restart cmd
and enter npm -v and node -v again. If the version number appears, it will succeed.
Then enter the project folder of Ruoyi.

Insert picture description here


There is a folder of ruoyi-ui, this is the front-end folder, we click in to copy the directory,
open cmd in administrator mode,
enter the path of the folder we just copied,

Insert picture description here


and execute the command

npm init

Just hit enter halfway
, it will be like this after

Insert picture description here


Insert picture description here


execution , and then execute

npm install --registry=https://registry.npm.taobao.org

Start the download After the

Insert picture description here


installation is complete, the

Insert picture description here


folder should appear this

Insert picture description here

If there is a problem with the installation, you can execute this command

npm i --legacy-peer-deps

Then execute the install command
. Students who have completed the installation continue to execute in the directory

npm run dev

After the execution is complete, the

Insert picture description here


browser should visit http://localhost:80 and this interface should pop up,

Insert picture description here


indicating that the front-end deployment is successful

Five, back-end deployment

redis deployment

Download address: https://github.com/tporadowski/redis/releases

Insert picture description here


After downloading and decompressing, you
can add some environment variables, which is the same as adding node.js environment variables.
Run this file in the directory.

Insert picture description here


The interface after running.

Insert picture description here

If configured

Enter the ide and find the file according to this path.

Insert picture description here


Pay attention to the red place

  • 3306 is the port of the database
  • ry-vue is the name of the database table
  • user name and password
  • Modify all to own
  • Open the database visualization software
  • Then create a new ry-vue table
    and find these two sql under the file path
Insert picture description here

After all the execution is successful,

Insert picture description here


then find the RuoyiApplication and click Run.

Insert picture description here


This shows that the startup is successful.

Insert picture description here


Note: At this time, the redis service, node.js service and the background should all be in running state. If one of them is not running, an error will be reported.
That's it! ! !

Insert picture description here