前言（建议直接跳过）

很多同学在Java后端的学习中，想要进一步深入，都会接触到别人的开源项目。此时，如何导入别人的包并为己所用正常跑起来，似乎没有看起来那么简单，由此，本人总结出走过将近13小时的弯路，望后人引以为戒，节省时间，节省金钱。

前期需求

1.VScode

用于后面承接前端工程。

可以用较新的版本（我在后期安装依赖的时候，出现过因为vs版本低而导致问题，更新了新版本后就没有这个报错了）.

2.IDEA

用于承接后端工程

建议使用较新的版本，注意检查自己的Tomcat，maven插件（一般新版本IDEA都是自带的这俩插件，不过以防万一还是检查一下）是否已安装，具体是从设置的插件里面进行搜索。

当时因为报错问题过多，为了排除所以我主动装了Smart Tomcat，后来来看，应该没什么影响。

 3.数据库（MySQL）

(1) 我安装的是8.0.25版本，这个倒是没有什么限制。

(2) MySQL的版本没有限制，但是IDEA的MySQL驱动一定要匹配，否则也连不上数据库。

切记，自己的MySQL是什么版本就安装什么版本的驱动。

4.Nodejs的安装

（1）建议安装14.17.5版本，可以参考这个安装教windows下npm安装vue - liluxiang - 博客园 (cnblogs.com)（是我看了众多node安装中最好的一个教程）

唯一有一点要特别注意，千万不要学教程里面，将自己的npm更新到最新的版本，从官网下载的node都会自带自己的适配npm，不需要你更新（万一你更新了，就npm -g install npm@6.***你的适配版本，可以在官网查）

（2）如果没有需要，一般建议也别去动sass，cnpm除非你需要或者你非常确定问题就是它，我就是改来改去，导致重装了不知道多少次Node

（3）在安装vue脚手架的时候可能会出问题，解决办法是，以管理员身份来打开你的cmd

前端的部署

1. 去gitee下载  人人开源 (gitee.com)，renren-fast-vue直接下载zip，然后解压。

2. 用VS把它打开

3. 去查看你的package.json在哪个位置，首先保证它在你的当前目录下面，再运行npm install（安装该包所需要的依赖），再执行 npm run dev,如果没有问题的话就会打开人人开源的网站，但是没有验证，因为此时我们还没有部署后端（如果你前面严格按照我的来，到这一步绝对不会有问题）。

（ps：建议用管理员身份打开VS执行上面操作，比较稳妥，每个人电脑不一样，有的可能涉及权限不够）

以下为成功界面

 此时我们的后端还没有部署打开，所以它的验证码是空的，你也登录不上

后端的部署

1.同样的，去上面的网站下载解压

2.用IDEA打开后端的文件，大概率会遇到有的文件前面图标爆红的情况，此时将它的根目录文件标记生成的源 根，相当于是人工将它build一下。

剩下的如果还有爆红文件，可以去具体看它的问题，再逐一解决，不要怕爆红，拿来别人的项目不兼容是非常正常的事情。

 3. 修改配置文件

虽然目前还没搞清楚为什么，好像是一个限制加载时间还是干嘛的，但是记住别改它就行了（代码正常能跑）

 给你的后台连接一个数据库。

4. 创建你的数据库储存数据

注释位置你可以任意起名字。

 记住你的MySQL如果没有勾选开机自动启动，那么就需要你去手动启动。

确保自己的MySQL已经启动

我的电脑右键，选择管理 ，从服务里面找到自己的MySQL，启动它。

 如果已经打开了数据库，仍然上面报错

那么可能是你连接的数据库不存在，不要用它去创建数据库，记得先创建数据库再连接它

连接数据库方面，我没有遇到其他问题，不过我知道的就还有时区修改问题，基本都可以直接复制问题然后百度（一个程序员的自我修养）

记得确保这两个地方连接上你的数据库了

接下来运行你的MySQL文件，稍等片刻后就会看到，你的数据库下已经建立好了它的表

 找到启动文件，它再src 》main 》java ，直接启动

 成功界面如下，就饿可以登录查看我们的后台了。

账号密码都是admin。

 登陆后界面

 至此，我们的前后端都部署完成，最后提醒你一下，每次开后端的时候记得打开你的数据库

一起加油吧