02 全栈开发环境搭建与项目初始化

罗荣良全栈开发环境搭建与项目初始化本节目标：搭建全栈流水线1.后端环境：JDK17+Maven3.x

2.前端环境：Node.js(LTS)+npm/pnpm

3.数据库：MySQL8.0+客户端

4.开发工具：IntelliJIDEA+VisualStudioCode（VSCode）

5.实战验证：初始化并运行HelloWorld全栈开发工具链概览-运行环境层(Runtime):JDK,Node.js

-数据层(Data):MySQL

-编码层(Editor):IDEA,VSCode

-协作层(Optional):Git,Postman后端基石：JDK安装与配置版本选择：推荐JDK17

以上版本。关键步骤：下载安装包(Oracle官方网站)2.配置环境变量JAVA_HOME3.验证：java-version后端依赖管理：Maven作用：管jar包的。

痛点：下载慢。

解决方案：配置阿里云镜像

(settings.xml)。

IDE配置：在IDEA中指定Maven路径。Maven的全局配置文件settings.xml（通常位于Maven安装目录的conf文件夹下或用户主目录下的.m2/settings.xml<settings><mirrors><mirror><id>aliyun</id><name>AliYun</name><url>/repository/public</url><mirrorOf>central</mirrorOf><!--此项配置表示代理Maven中央仓库的请求--></mirror></mirrors></settings>前端基石：Node.js环境类比：Node.js之于前端=JDK之于后端。版本：务必下载LTS(长期支持版)，不要尝鲜最新版。/en/download验证：node-v和npm-v。数据库准备：MySQL8安装：MySQLCommunityServer8.0+

注意：记住你的root密码！

客户端：推荐MySQLWorkbench(自带)或Navicat。

验证：能连接成功即达标。IDE神器：IntelliJIDEA&VSCode-旗舰版(学生可申请免费)vs社区版(够用)

-插件：Lombok

前端VSCode：

-轻量级，生态强

-必装插件：VueVolarextensionPack(Vue3核心)实战1：初始化SpringBoot项目工具：SpringInitializr(start.spring.io)或IDEA内置。

配置：

-BuildTool:Maven

-Language:Java

-JavaVersion:17

-Dependencies:SpringWeb后端：运行Application.java->控制台看到SpringLogo->访问localhost:8080环境验证：Vue3开发环境工具：Vite(新一代构建工具)。命令：npmcreatevue@latest选项：-JavaScript:Yes

-VueRouter:YesPinia:Yes环境验证：跑通HelloWorld前端：npmrundev->访问localhost:5173