1 基础环境搭建手把手介绍windows环境下搭建Java后端、前端开发环境以及中间件MySQL、Minio等的搭建过程

介绍windows环境下搭建本地开发环境、工具服务搭建、服务端中间件搭建

本地开发环境

从上一章节知道，本地开发环境需要搭建Java开发环境和工具（JDK）、后端代码打包编译工具Maven、后端代码编辑器IDEA，前端开发环境Node.js、前端代码编辑器Visual Studio Code，还有代码仓库管理工具Git，本章节手把手教学安装过程。

JDK安装

1、下载安装包

下载地址www.oracle.com/java/techno…

需要登录oracle账号，按要求提示登录或注册账号

2、创建安装目录，或者使用默认路径也可，后面配置idea知道自己装在哪里即可

3、双击下载包安装，注意更改安装目录

中间过程均用默认配置即可。

cmd命令行执行java -version输出如下内容说明安装成功（目前的jdk安装会自动配置环境变量，如果命令执行失败，检查下是否环境变量没有配置正确）

git下载安装

1、下载安装包：git-scm.com/download/wi…

2、双击安装包，一路下来默认配置即可。

Maven安装

（IDEA会自带配置，如果不是想特意学习了解Maven，可不用安装，用IDEA自带的也可以）

1、官网下载安装包：maven.apache.org/download.cg…

下载最新版本：

2、电脑磁盘新建Maven安装路径：

新建Maven本地仓库路径：

下载的zip包解压至Maven路径下：

2、配置Maven环境变量：

搜索框内搜索环境变量，进入【编辑系统环境变量】

点击环境变量：

新建：

配置MAVEN_HOME，路径为上面Maven的安装目录

编辑path：

新建：

cmd命令行验证安装结果：

3、配置Maven本地仓库

编辑conf下的settings.xml文件，用nodepad编辑器打开（电脑没有可以去官网下载安装，编辑文件还是比较好用的）

追加一行：

idea下载安装

1、下载安装包www.jetbrains.com.cn/idea/downlo…

idea包含社区版和企业版，社区版免费，企业版花钱，可以适用30天，也可网上找激活码激活（如果需要激活教程可单独找我要，我也是网上找的资源自己亲自验证可行），企业版功能会比社区版强大，但社区版也能满足开发需求，按照自己需要选择安装吧。

2、双击安装，注意选择安装路径

3、配置全局JDK：

进入File -> New Projects Setup -> Structure

Add JDK

选择上面jdk的安装路径

apply：

4、配置Maven：

File -> Settings -> Maven

配置红框中的3项对应为上面Maven安装路径下的内容。

Navicat安装

Navicat 是一款强大的数据库管理和设计工具，支持 Win、macOS 和 linux。直观的 GUI 让用户简单地管理 MySQL、MariaDB、MongoDB、SQL Server、SQLite、Oracle 和 PostgreSQL 的数据库。

目前可以说是市面上最受欢迎的数据库连接、管理工具了。

1、官网下载安装包：

www.navicat.com/en/download…

Navicat需要激活，试用版只可以试用14天，如果有条件可以购买正版，需要激活教程的可以联系我。

下载完毕执行安装，一路下来默认安装即可。

Node.js安装

1、访问官网下载nodejs.org/en

选择最新版安装即可。

2、点击安装包安装

可默认安装也可指定安装路径

其他步骤直接点击下一步即可

3、安装完成后打开cmd命令行，敲如下命令，命令行出现内容如下则说明安装成功

VSCode安装

1、登录官网：code.visualstudio.com/

下载对应系统的版本

2、点击安装包进行安装

指定安装位置

创建桌面快捷方式

其他步骤直接下一步。

完成安装。

VSCode插件安装

打开软件：

进去插件安装界面

安装：

1、Vue - Official 插件，是一款专用于构建 Vue 的拓展插件。

2、别名路径跳转插件，支持任何项目，可以自由配置映射规则，自由配置可缺省后缀名列表。

3、Auto Rename Tag，当我们修改 HTML/XML 某个节点标签时，能够自动重命名结束标签的命名。

4、Auto Close Tag，自动添加 HTML/XML 结束标签，比如当输入标签，自动添加结尾标签。

5、CSS Navigation，允许你通过点击 HTML 中的类名，直接跳转至对应的样式代码。

6、Path Intellisense，通过 . 的方式导入文件时，可自动提示文件路径。

工具服务

工具服务，等后面本地代码框架搭建完毕后，讲解如何推送到仓库以及持久构建时再同步讲解如何部署。

GitLab安装

待更新

Jenkins安装

更更新

服务端中间件安装

本章节介绍后端开发依赖的中间件的安装与部署，这些中间件可部署在window系统、Linux系统，如果你有Linux服务器或者有云服务器，你可以直接部署在Linux环境上会更专业，你如果没有也可直接部署在自己的电脑window系统上。本文介绍在window系统上基于Docker化的部署方式，你如果对Docker不熟悉，暂且知道怎么装怎么用，后面会有专门章节详细介绍Docker相关知识。

windows系统安装Docker服务

官网安装教程：docs.docker.com/desktop/ins…

从官网可以看到有两种安装方式WSL2和Hyper-V

WSL即window系统的Linux子系统，安装条件：Windows 11 64位，家庭版或着旗舰版21H2版本及以上，如果是Windows 10 64位需要家庭版或者旗舰版22H2版本及以上。

可以用如下命令查看自己电脑系统的版本：

win+R，然后输入winver 命令

具体的安装使用教程可以参考：blog.csdn.net/joeyoj/arti…

MySQL安装

1、搜索框输入cmd进入【命令提示符】

2、执行docker pull mysql:5.7 拉取5.7版本的镜像

docker images 命令确认镜像已下载成功

3、我的电脑数据盘里新建MySQL 存放数据的目录，用于将Docker容器里的MySQL数据挂在出来（如果不挂在，Docker容器重进后数据会丢失）

4、执行容器启动命令：

docker run -d --name mysql -p 3306:3306 -v D:\code\docker\mysql\data:/var/lib/mysql -e MYSQL_ROOT_PASSWORD=123456 mysql:5.7

各个命令的意思：

-d：以后台的方式运行；
--name mysql：指定容器的名称为 mysql;
-p 3306:3306 将容器的 3306 端口挂载到宿主机的 3306 端口上（前面是宿主机的端口号，后面是容器的端口号）；
-v D:\code\docker\mysql\data:/var/lib/mysql 将宿主机中 D:\code\docker\mysql\data 数据文件目录挂载到容器中的 /var/lib/mysql 目录上；
-e MYSQL_ROOT_PASSWORD=123456：指定 root 用户的密码为 123456

5、查看容器运行是否正常：

up状态说明服务已启动

6、打开Navicat连接数据库测试连通性：

说明联通性OK，MySQL已就绪。

Minio安装测试

minio用于软件中存储文件，如果代码中不涉及文件的存储可以不用安装。

1、cmd命令行中执行命令拉取Docker镜像：

docker pull minio/minio:RELEASE.2023-09-30T07-02-29Z

2、docker images命令确认镜像已下载成功

3、电脑磁盘中新建minio的挂在目录，并在minio目录下新建data目录

4、执行命令启动容器：

docker run -d -p 9000:9000 -p 9090:9090 --name minio -v D:\code\docker\minio\data:/data -e "MINIO_ROOT_USER=admin" -e "MINIO_ROOT_PASSWORD=admin123456" minio/minio:RELEASE.2023-09-30T07-02-29Z server /data --console-address ":9090"

查看容器状态是否为up