若依后端Springboot + Vue前端所需环境 从零搭建

  • 【前言】 此环境搭建教程合适小白无经验!
  • 注:文中所有提到的文件,都整合在百度网盘文尾提供链接下载!
  • 1、JDK的安装配置
  • jdk下载
  • jdk安装
  • jdk环境变量的配置
  • 2、mysql的安装配置
  • mysql下载
  • mysql安装
  • 3、Redis
  • 4、node.js
  • node.js安装
  • 资源链接
  • 此次若依Springboot + Vue前后端所需环境全部搭建完毕,纯小白,若有不对的各位大佬多多指教!


【前言】 此环境搭建教程合适小白无经验!

注:文中所有提到的文件,都整合在百度网盘文尾提供链接下载!

1、JDK的安装配置

jdk下载

  1. 下载jdk1.8,在我们的日常开发一般都是使用的jdk1.8版本,官网点这里 jdk下载.
  2. 若依微服务前端技术 若依技术栈_spring boot

  3. 省得麻烦的小伙伴点击这里CSDN下载

jdk安装

这里我们直接一路点击下一步就好,需要切换目录中要切换一下目录哦!

若依微服务前端技术 若依技术栈_spring boot_02

jdk环境变量的配置

1、环境变量帮助我们无论在哪一个目录下都能使用jdk,所以必须配置一下,如下图

若依微服务前端技术 若依技术栈_mysql_03


2、点击环境变量

若依微服务前端技术 若依技术栈_若依微服务前端技术_04

3、点击新建

若依微服务前端技术 若依技术栈_若依微服务前端技术_05


4、新建后输入变量名,变量值,记住变量值是要输入自己安装jdk的位置!!!!

若依微服务前端技术 若依技术栈_vue.js_06

5、选择Path

若依微服务前端技术 若依技术栈_vue.js_07


6、点击新建后在空白处输入 %JAVA_HOME%\bin,最后一步一步的点击确定最后退出环境变量!(不要直接点叉叉哟!!)

若依微服务前端技术 若依技术栈_java_08


7、最后打开控制台输入 javac 和 java -version,两个指令有内容代表成功了!

若依微服务前端技术 若依技术栈_vue.js_09


若依微服务前端技术 若依技术栈_spring boot_10

2、mysql的安装配置

mysql下载

有了jdk怎么能没有Mysql捏,点击下方链接直接下载,特别注意安装mysql一般我们都安装5.X版本高版本容易有不可预估的bug

mysql安装

  1. 安装的第一步先教如何删除 sc delete mysql 删除已经安装好的mysql,小伙伴们有重要的东西慎重为好。学生党联手的弟兄们,直接乱搞,啊不是,可以随便一点!!
  2. 首先获取压缩包后解压到英文目录
  3. 添加环境变量,点击环境变量,点击Path添加环境变量注意要到解压目录的bin下
  4. 在解压目录下创建my.ini文档(就是先创建txt文档然后命名的)输入以下信息,注意安装目录和数据目录改为自己的目录结构!
  5. 若依微服务前端技术 若依技术栈_mysql_11

  6. 进入到bin目录下的cmd管理员界面,输入mysqld -install,以及mysqld --initialize-insecure --user=mysql,后面看到data文件夹出来代表成功。
  7. 若依微服务前端技术 若依技术栈_java_12

  8. 随后在cmd界面输入net start mysql启动mysql服务,或者右击任务栏处点击任务管理器
  9. 若依微服务前端技术 若依技术栈_spring boot_13

  10. 在任务管理器中选 **服务=》找到Mysql服务右击启动
  11. 若依微服务前端技术 若依技术栈_spring boot_14

  12. 后面我们就可以进入mysql中了,现在我们还没配置密码,当前密码为空,所以进入cmd中输入mysql -u root -p,随后回车进入(不用输密码兄弟)
  13. 若依微服务前端技术 若依技术栈_vue.js_15

  14. 后面我们就开始改密码了,首先输入use mysql,其次update user set authentication_string=password(‘123456’) where user=‘root’ and Host=‘localhost’;其中123456是我的密码,各位可以根据自己的需求改密码。最后flush privileges 刷新数据。
  15. 若依微服务前端技术 若依技术栈_spring boot_16

  16. 改完密码后我们需要重启一下mysql服务,可以在任务管理器中重启,也可以通过
    net stop mysql
    net start mysql

    两个命令来进行重启。
  17. mysql的安装就到这里结束啦,不过本着送佛送到西的原则,MySQL的连接工具必须给备上,这里推荐的是SQLyog,各位也可以选择其他的管理工具。
    安装完成之后,要求注册的,点击key直接复制就好了,后面就开始连接数据库了
  18. 若依微服务前端技术 若依技术栈_java_17


  19. 若依微服务前端技术 若依技术栈_vue.js_18

  20. 成功!!这里就不过多阐述了,回归正题!

3、Redis

对于win版下的Redis下载好包直接点开运行界面就好

若依微服务前端技术 若依技术栈_mysql_19

若依微服务前端技术 若依技术栈_java_20


此时就运行完成了!

4、node.js

node.js安装

  1. 前面都是为了后端的环境准备,相对于前端来说就要简单些了!只需要下载node
  2. 进入官网首页往下拉,一定不要最新版的node,这样会导致前端跑不起来(血的教训)。
  3. 若依微服务前端技术 若依技术栈_spring boot_21

  4. 本人测试时使用的时16.18.1版本。
  5. 若依微服务前端技术 若依技术栈_java_22

  6. 这里就根据自己的机型来选,一般都是选86.
  7. 若依微服务前端技术 若依技术栈_vue.js_23

  8. node的安装默认会添加进环境变量,一直下一步就可以,最后可以试一下!
  9. 若依微服务前端技术 若依技术栈_若依微服务前端技术_24