学习Vue3+SpringBoot项目（一）

第一章介绍

       文章学习Vue3+SpringBoot框架，我将向大家介绍Vue3和SpringBoot是什么，如何下载且配置项目所有需要的环境，最后带大家下载前后端开发软件（包含破解IDEA和利用激活码授权）

目录

一、Vue3+SpringBoot介绍

        Vue3 介绍：

        SpringBoot 介绍：

二、配置项目环境

        Java安装：

                下载JDK

                配置环境变量 

        NodeJs的安装：

        MySQL和Redis的安装：

---

一、Vue3+SpringBoot介绍

        Vue3 介绍：

        Vue3是一种流行的JavaScript框架，用于构建用户界面。它是Vue.js框架的下一个主要版本，具有许多改进和新功能。
         Vue3在Vue 2的基础上进行了重大改进和增强，提供了更好的性能、更好的开发体验和更多的功能，以帮助开发者更轻松地构建现代Web应用程序。
        Vue3的核心特点包括更快的渲染速度、更小的包大小、更好的TypeScript支持、更好的响应性API等。它还引入了Composition API，使得代码组织更灵活。
        总的来说，Vue 3旨在提供更好的性能和开发体验。

        SpringBoot 介绍：

        SpringBoot是一个基于Spring框架的快速开发脚手架，它简化了Spring应用的初始化和搭建过程，提供了众多便利的功能和特性，比如自动配置、嵌入式Tomcat等，让开发人员可以更加专注于业务逻辑的实现。
        SpringBoot还提供了强大的插件体系和广泛的集成，可以轻松地与其他技术栈集成，比如Thymeleaf模板、JPA、MyBatis、Redis、MongoDB等，同时也支持对微服务的开发和管理。
        总之，SpringBoot简单易用、快速开发，是目前最流行的Java框架之一，得到了广大开发者的青睐。

二、配置项目环境

        在开发前我们先需要搭建一下环境，即Vue3 的环境和SpringBoot 的运行环境，大致需要安装Java、Node.js、MySQL 和 Redis。

• Java的安装：
• Node的安装：
• MySQL和Redis的安装：

---

        Java的安装：

        下载JDK

        Java程序的运行需要在JVM上，因此需要先下载JDK，咱直接从Oracle官网中下最新稳定版本，或者按照自己需求下载JDK版本（项目使用的JDK版本为18）

        首先跳转到Oracle官网中：Java Downloads | Oracle，下载JDK

       注意：因为Oracle是国外的网站，所以会有一些同学出现点击链接后还是没有出现下载，甚至还会出现连网页都加载不进去的情况，如果出现以上现象咱可以在我的云盘下载安装包：提取码为（muzi）java安装包下载123云盘为您提供java的下载最新版正式版官方版绿色版下载,java的下载安卓版手机版apk免费下载安装到手机,支持电脑端一键快捷安装https://www.123pan.com/s/809Njv-o2Vv3.html%E6%8F%90%E5%8F%96%E7%A0%81:muzi

        然后双击下载完成的安装包，可以看到这个界面：

        选择完路径后（可以不用选择直接点击下一步）点击下一步，等待安装，出现下面图片证明安装成功：

         下载完后，使用键盘组合键 windows+R,打开运行窗口，然后输入输入 cmd 回车(Enter)

         在命令行中输入 java -version 或者 java --version （注意：输入的命令有一个空格 Java+空格+-version）可以查看Java/JDK的版本

        配置环境变量 

        现在新版下载安装后会自动配置Java的环境变量，因此在上一步可以成功查询Java版本，现在教学的是怎么自己手动配置环境变量：

        首先找到桌面上的 此电脑 然后鼠标右键，点击属性：

        右键后会跳转到系统界面，然后找到点击 高级系统设置：（俺的电脑是win11的，win10的话排版会有一点点不一样，仔细找找反正在系统里面）

         看到下面的环境变量，点它：

        变量名：JAVA_HOME
        变量值：输入刚刚下载JDK的路径地址

         变量值的获取方法，(JDK默认地址为：C:\Program Files\Java\jdk-21\ )

         在系统变量里面找到 Path 然后双击它：

         这个就是新版下载后自动配置的Java环境变量，可以双击拷贝文件路径去看看文件夹里面放的是一些常用的 Java的exe文件，然后我们手动配置的话需要把它删除：

        然后点击新建，输入 %JAVA_HOME%\bin 最后点击下面的确认：

         将窗口全部关闭后，使用 win+R 打开运行窗口，然后输入 java -version 命令（注意命令Java+空格+-version）查看Java版本，可以正常查询说明配置成功：

        NodeJs的安装：

        node的安装，咱直接冲去它的官网直接点击下载：NodeJs官网

         还是一样，设置它的安装地址：

        然后无脑下一步，不要勾选、不要点击任何东西！！一直到出现下图，说明安装完成：

        最后测试安装是否成功，win+R，在cmd窗口中分别输入 node -v （显示node.js版本）；npm -v      （显示npm版本），成功显示版本说明安装成功 

 

        MySQL和Redis的安装：

        咱简单安装 MySQL和Redis，咱先下载它两的管理器--小皮，老规矩直接去它的官网： 小皮官网，找到Windows版本然后点击下载，选择64位下载：

         下载完成后是一个ZIP文件，解压它，点击它的exe文件下载安装小皮，我就不卸载陪你们安装了，我 MySQL 还是有一点点数据的😶‍🌫️😶‍🌫️，所以俺就不细讲了🤡：

        安装完成后，启动应用，看到左边的软件管理，在右边找到 MySQL8.0，Redis3.0 的这几个版本点击安装就行了：

        最后讲讲怎么启动服务，首先点击首页找到刚刚下载的 MySQL8.0，Redis3.0 点击启动，服务就成功启动了

        查看你的 MySQL 用户名和密码（注意：你要把你的鼠标移动到那个****上面，它才会显示密码）：

        运行你的 Navicat（我就不讲怎么安装了，你亲爱的数据库老师会发你一个有那么一点点丑的破解版Navicat）：

        输入账号密码，点击测试连接，出现连接成功说明 小皮 可以正常使用MySQL和Redis安装成功：

 拓展内容：

        讲一下小皮的 MySQL 的文件在哪里（总有些变态老想着要你配个环境变量，防止在场各位被人叼：怎么学的东西呀！还有人下完东西都不晓得下载哪里。） 

        首先点击左侧的设置，点击文件位置，看到 MySQL 点击它，

         打开它的文件夹后，找到 bin 文件夹：

        进入 bin 文件夹后在上面的路径输入框中输入cmd然后回车：

         在cmd窗口输入 MySQL 登陆命令，mysql -u用户名 -p(密码) 回车即可，可以参考示例图：

三、安装前后端开发软件

        安装前端编程软件：

        前端软件使用咱使用 Visual Studio Code ，可以直接去它的官网点击下载即可，Visual 是一个免费的软件，安装了这么多软件应该可以自己安装了：

 Visual Studio Code官网https://code.visualstudio.com/

        安装后端编程软件：

        后端使用的软件是 IDEA ,IDEA这个软件是需要付费的，但是它有一个社区版本的是免费的，然后在我们学生时期社区版的是可以满足我们的需求的，也可以试用专业版本的30天，俺前几天写的它们之间的区别还挺详细的，就懒得在敲一遍了，然后安装包，破解工具也放里面了：提取码(muzi)

IDEA和破解工具的下载123云盘为您提供IDEA的下载最新版正式版官方版绿色版下载,IDEA的下载安卓版手机版apk免费下载安装到手机,支持电脑端一键快捷安装https://www.123pan.com/s/809Njv-P2Vv3.html%E6%8F%90%E5%8F%96%E7%A0%81:muzi