1.环境搭建VUE+Spring boot

一.vue 环境搭建

Spring Boot 和 Vue，可以实现前后端分离的架构，提高开发效率和应用性能。Spring Boot 负责后端逻辑和数据处理，Vue 负责前端展示和用户交互。

1.1安装node.js 

这个是是安装在个人电脑上

直接在官网下载然后安装即可；Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，它允许开发者在服务器端运行 JavaScript 代码。对于 Vue 项目的开发，Node.js 是必不可少的，因为它提供了运行 Vue CLI（Vue 命令行工具）和其他前端工具的基础环境。

验证 cmd 输入 :node -v  会显示版本；

输入 npm -v  会显示版本；

1.2 Vue开发工具的安装与验证

Vue CLI 是一个官方提供的命令行工具，用于快速搭建 Vue 项目。安装 Vue CLI 非常简单，只需要通过 npm 来安装即可：

cmd 输入：npm install -g @vue/cli

验证：cmd 输入 ：vue -V   

该命令会显示当前安装的 Vue CLI 版本号。接下来，可以使用 Vue CLI 创建一个新的 Vue 项目：

cmd输入 ：vue create my-project

选择预设的配置或手动选择特性，上下键选中然后回车；

创建完成后，用下面命令 进入项目目录并启动开发服务器：

cd my-project
npm run serve

默认地址为 http://localhost:8080

二、Java与数据库环境准备

2.1 JDK的安装与版本确认

path:指引到java 的bin 目录下

java -version
javac -version

或者一般人都建一个JAVA_HOME目录：C:\Program Files\Java\jdk-11.0.11

然后在path里面加  %JAVA_HOME%\bin

我喜欢 ：C:\Program Files\Java\jdk-11.0.11\bin

2.2 MySQL的安装与配置

官方网站下载，然后安装，然后services.msc 启动 服务；使用 Navicat 管理 MySQL 数据库，获取小企鹅等其他工具；

2.3 IntelliJ IDEA的安装与使用入门

1.直接下载的免安装的文件；

2.创建新的 Spring Boot 项目。在欢迎界面，选择“Create New Project”，然后选择“Spring Initializr”。在下一步中，选择项目的基本信息，如项目名称、位置和语言。

3.选择依赖项。在“Dependencies”页面，选择所需的 Spring Boot 模块，如“Web”、“Thymeleaf”等。

4.完成项目创建后，IntelliJ IDEA 会自动下载并配置所需的依赖项。项目结构如下：

5.编写和运行 Spring Boot 应用程序。在 DemoApplication.java 中，编写主类并启动应用程序：

6.运行应用程序。在 IntelliJ IDEA 中，右键点击 DemoApplication.java，选择“Run 'DemoApplication.main()'”。应用程序将在本地启动，默认端口为 8080。打开浏览器，访问 http://localhost:8080，可以看到应用程序的默认页面。