当前位置:   article > 正文

学习Vue3+SpringBoot项目(一)_vue3 + vite+ springboot

vue3 + vite+ 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的安装:

        下载JDK

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

        首先跳转到Oracle官网中:Java Downloads | Oracle,下载JDK

       注意:因为Oracle是国外的网站,所以会有一些同学出现点击链接后还是没有出现下载,甚至还会出现连网页都加载不进去的情况,如果出现以上现象咱可以在我的云盘下载安装包:提取码为(muzi)java安装包下载123云盘为您提供java的下载最新版正式版官方版绿色版下载,java的下载安卓版手机版apk免费下载安装到手机,支持电脑端一键快捷安装icon-default.png?t=N7T8https://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 还是有一点点数据的

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/567643
推荐阅读
相关标签