1. Download idea and webstorm
corresponds to the second one in the figure
Second, download git
Enter the official git website
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
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
Open idea, in the upper left corner, select File->New->Project from Vsersion Control...
If you copy the copied link to the URL here, the download will start automatically.
Fourth, configure the front-end environment
Select the first download
and install all by default.
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
right click and select open file location, enter the installation directory, copy the path
and then searches the environment variables in the same way
click environment variables
double-click on path
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.
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,
and execute the command
Just hit enter halfway
, it will be like this after
execution , and then execute
npm install --registry=https://registry.npm.taobao.org
Start the download After the
installation is complete, the
folder should appear this
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
browser should visit http://localhost:80 and this interface should pop up,
indicating that the front-end deployment is successful
Five, back-end deployment
Download address: https://github.com/tporadowski/redis/releases
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.
The interface after running.
Enter the ide and find the file according to this path.
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
After all the execution is successful,
then find the RuoyiApplication and click Run.
This shows that the startup is successful.
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! ! !