【教程】【JSP】使用VSCode进行Java+Maven+Tomcat环境搭建

前言
之前忙活于PHP速成，发现对于Web开发还有Java这个可选项，于是尝试使用JSP开发网页，但是碍于VSCode实在太简陋，踩了不少雷，现在网上也没有很详尽的资料，所以开个帖子进行备份。一楼给镇楼图。

准备
JavaDevelop Kit
https://www.oracle.com/java/technologies/javase-downloads.html
建议选择JDK11
VisualStudio Code
https://code.visualstudio.com/Download
选择对应系统版本下载
ApacheMaven
https://maven.apache.org/download.cgi
选择Binary zip archive进行下载
ApacheTomcat
https://tomcat.apache.org/download-90.cgi
选择Core对应系统版本进行下载
注意：Apache插件需要JDK支援！

不感兴趣

开通SVIP免广告

楼主为什么我的vscode显示不了刚写的jsp代码，保存过了

Java环境搭建
运行JDK安装程式，不需要安装JRE，记录安装路径。打开安装路径，复制文件夹下bin目录路径到剪切板。右键计算机-属性-高级系统设置-环境变量。在系统变量中找到Path选择编辑-新建，将复制的文本粘贴上去即可。Windows + R按键，输入PowerShell回车，打开PowerShell，键入 java -version。如果有版本信息，说明JDK已经安装成功了！

Maven安装
将Maven解压到纯英文、不带空格的路径内，与JDK相同，将bin路径添加到环境变量中，粘贴到系统变量Path下。PowerShell中输入 mvn -version 。如果回车后有版本信息显示，说明变量配置成功了！

由于apache的伺服器设定在域外，所以在创建Maven项目时下行速度不会太理想，所以需要更改仓库链接地址，这里使用阿里云。在Maven目录下的conf中，打开文件 setting.xml，在mirrors节点添加阿里云仓库。
<mirror>
<id>alimaven</id>
<name>aliyun maven</name>
<mirrorOf>central</mirrorOf>
<url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
</mirror>

Tomcat安装
将Tomcat解压到纯英文、不带空格的路径内，与JDK相同，将bin路径添加到环境变量中，粘贴到系统变量Path下。在bin目录下，先按住shift键，右键，选择打开PowerShell，回车执行命令 service.bat install完成Tomcat服务的安装。如果你的系统是Windows 10，在左下角的检索框中检索IIS，停止IIS服务。回到bin目录下，打开tomcat9w.exe文件，选择start，即可激活本地服务器。打开浏览器，输入 localhost:8080，回车，如果出现Tomcat的画面，则说明Tomcat部署成功了！

Visual Studio Code配置
将Visual Studio Code安装完成后即可打开使用。在搭建环境前，需要安装一些必须插件：
Chinese(Simplified) Language Pack for Visual Studio Code
JavaExtension Pack
Tomcatfor Java
等待安装完成后，重启Visual Studio Code，打开拓展栏，点击Tomcat扩展齿轮，扩展设置在Tomcat: Workspace Tom Server workspace中设定拓展日志保存地址（Visual Studio Code的路径需要使用正斜线）。现在已经完成Java WebApp开发环境的搭建了！
注意：编辑完相应文件记得 Ctrl + S进行保存！

Visual Studio Code指定Tomcat伺服器
在自己常用来保存工程的文件夹下新建文件夹，并右键通过Code打开，可以看到Visual Studio Code已经激活工程。在TOMCAT SERVERS栏，点 + ，添加Tomcat解压的根目录，点击设定为Tomcat目录，之后在项目中就会出现可连接的伺服器。

不感兴趣

开通SVIP免广告

Visual Studio Code创建Maven项目
在MAVEN栏中点 + ，进行Maven项目的创建。在弹出的框中检索WebApp，选择1.4，直接确认在当前文件夹进行创建，终端开始进行安装必要插件以及环境的配置。终端中出现的groupId，artifact，version: 1.0-SNAPSHOT，package都可以使用同一个名称，（但是在进行大型项目开发时应当参照开发手册的命名规定），最后Y：：处回车创建完成，输入exit退出终端。在根目录下，会生成一个pom.xml文件，此处可以通过增加节点，将对应jar包导入到Maven项目中。打开，将JRE版本调整到对应版本。

pom文件的更改

WebApp调试与运行
打开Maven项目根目录 webapp\src\main\webapp已经存在Index页面文件，右键根目录，选择Run on Tomcat Server，在TOMCAT SERVERS中，已添加的伺服器就会变成绿色（如果只有一个会确认为默认）。右键伺服器下的项目Open in Browser，网页即可显示。