目录

一、安装JAVA

二、安装MAVEN

三、安装Tomcat

四、VScode环境配置

五、开始部署

一. 安装JAVA

下载OpenJDK

1. 从Oracle官网中下载Windows版本的OpenJDK 17或以上（17是最新的java LTS版本，即长期维护版本）
2. 将压缩包解压至合适的位置，比如 C:Program FilesJava

配置环境变量

1. 打开编辑系统环境变量，参考编辑系统环境变量 - Windows_NSJim的博客
2. 在下方的系统变量(S)中新建JAVA_HOME变量，变量值为JDK路径，如C:Program FilesJavaopenjdkjdk-17
3. 在上方用户变量(U)中的Path变量内，新建值%JAVA_HOME%bin
4. 一路点击确定

测试安装

1. 打开命令行，即cmd
2. 输入命令

java -version

3. 如果能正确显示版本号，证明环境配置成功；反之，则证明配置失败。某个OpenJDK18版本的显示为

C:UsersMSI-NB>java -version
openjdk version "18.0.2.1" 2022-08-18
OpenJDK Runtime Environment (build 18.0.2.1+1-1)
OpenJDK 64-Bit Server VM (build 18.0.2.1+1-1, mixed mode, sharing)

二. 安装MAVEN

下载MAVEN

1. 从Apache Maven官网中下载Windows版本的MAVEN 3.8.2压缩包，即apache-maven-3.8.2-bin.zip
2. 将压缩包解压至合适的位置，比如C:Program FilesMaven

配置环境变量

1. 打开编辑系统环境变量
2. 在下方的系统变量(S)中新建MAVEN_HOME变量，变量值为MAVEN路径，如 F:apache-maven-3.8.6-binapache-maven-3.8.6
3. 在上方用户变量(U)中的Path变量内，新建值%MAVEN_HOME%bin
4. 一路点击确定

测试安装

1. 打开命令行，即cmd
2. 输入命令

mvn -version

3. 如果能正确显示版本号，证明环境配置成功；反之，则证明配置失败。某个MAVEN的3.8.6版本的显示为

C:UsersMSI-NB>mvn -version
Apache Maven 3.8.6 (84538c9988a25aec085021c365c560670ad80f63)
Maven home: F:apache-maven-3.8.6-binapache-maven-3.8.6
Java version: 18.0.2.1, vendor: Oracle Corporation, runtime: C:Program FilesJavaopenjdkjdk-18.0.2.1
Default locale: zh_CN, platform encoding: UTF-8
OS name: "windows 10", version: "10.0", arch: "amd64", family: "windows"

三. 安装Tomcat

下载MAVEN

1. 从Apache Tomcat官网中下载Tomcat Core 32 bit或者64 bit的zip压缩包，比如随便找9.0.69版本的download链接，下载apache-tomcat-9.0.69.zip
2. 将压缩包解压至合适的位置，比如F:Tomcat

四. VScode环境配置

安装拓展(Extensions)

• Extension Pack for Java(里面包含了6个包)
  • ???? Language Support for Java™ by Red Hat
  • ???? Debugger for Java
  • ???? Test Runner for Java
  • ???? Maven for Java
  • ???? Project Manager for Java
  • ???? Visual Studio IntelliCode
• Community Server Connectors

配置JAVA设置

• 选择自己的Java安装路径即可

配置MAVEN设置

1. 左上角打开设置(文件 -> 偏好 -> 设置/ File -> Preferences ->Settings)
2. 搜索maven
3. 调整可执行路径Executeable Path，比如调整为F:apache-maven-3.8.6-binapache-maven-3.8.6binmvn
4. 调整全局设置Global Settings，比如调整为F:apache-maven-3.8.6-binapache-maven-3.8.6confsetting.xml

五. 开始部署

初始化项目

新建Project

1. ctrl+shift+P，输入maven，从Maven原型创建新项目
2. 选择maven-archetype-webapp
3. 选择1.4
4. Group Id直接Enter
5. artifact Id直接Enter
6. 选择一个无用的文件夹即可
7. 然后下方命令行需要Enter两次
8. 显示绿色的BUILD SUCCESS就创建完毕了，可以点击右下角蓝色按钮打开project

修改pom.xml

1. 1.7修改成1.8

<properties>
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<maven.compiler.source>1.8</maven.compiler.source>
<maven.compiler.target>1.8</maven.compiler.target>
</properties>

2. ctrl+shift+P，输入maven，点击添加依赖，输入servlet然后enter，选择一个javax.servlet即可，比如

<dependencies>
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>3.0-alpha-1</version>
</dependency>
...
</dependencies>

3. 重新编译项目，此时保存文件右下角会有提示，点击蓝色按钮即可；或者可以手动操作，ctrl+shift+P，输入maven，点击执行命令，选择compile，等待命令行出现build success即可

配置Tomcat Server

1. 在左下角有一些折叠栏，找到SERVERS一栏
2. 展开后可以看到有个Community Server Connector(stopped)
3. 右键点击，选择弹出的唯一新选项，开始RSP Provider，变为Community Server Connector(started)
4. 再次右键店家，选择创建新服务器
5. 选择“不，从磁盘中选择服务器”，选择Tomcat的路径，比如F:Tomcatapache-tomcat-9.0.64
6. 直接拉到最下面点击Finish，就会初选一个Tomcat服务器，比如`Tomcat 9.x

测试Tomcat

1. 右键Tomcat 9.x(stopped)(unknown)，选择开始服务器
2. 等待输出加载命令，变为Tomcat 9.x(started)(unknown)
3. 加载完成后，访问Tomcat页面

编写和配置一个servlet类及其网页

新建java文件夹

• 此时src/main下有两个文件夹
  • java
  • webapp

创建HelloServlet类

package com.example;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class HelloServlet extends HttpServlet{
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
resp.setContentType("text/html;charaset=UTF-8");
PrintWriter writer = resp.getWriter();
writer.print("<h1>");
writer.print("Hello CSDN, I'm byr from VScode.");
writer.print("<br>");
writer.print("你好CSDN，我是用VScode的北邮人。");
writer.print("</h1>");
req.setAttribute("HelloServlet", writer);
}
}

修改web.xml文件

• 在路径srcmainwebappWEB-INFweb.xml
• 修改为

<!DOCTYPE web-app PUBLIC
"-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN"
"http://java.sun.com/dtd/web-app_2_3.dtd" >
<web-app>
<display-name>Archetype Created Web Application</display-name>
<servlet>
<servlet-name>HelloServlet</servlet-name>
<servlet-class>com.example.HelloServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>HelloServlet</servlet-name>
<url-pattern>/HelloServlet</url-pattern>
</servlet-mapping>
</web-app>

修改index.jsp

• 在路径srcmainwebappindex.jsp中
• 修改为

<html>
<body>
<h2>Hello World!</h2>
<a href="HelloServlet">Hello Servlet</a>
</body>
</html>

部署新的类到Tomcat中

打包项目

• ctrl+shift+P，输入maven，点击执行命令，选择package

添加项目到Tomcat服务器中

1. 右键点击Tomcat 9.x(started)(unknown)，选择Add Deployment添加部署，选择targetdemo.war
2. 选择No（不修改参数）
3. 右键点击Tomcat 9.x(started)(unknown)，选择Publish Server(Full)

在浏览器中访问

• 现在尝试访问demo页面吧

最后

以上就是踏实歌曲为你收集整理的【VScode】vscode中用community server connecttor配置并部署基于Tomcat的Javaweb项目目录一. 安装JAVA二. 安装MAVEN三. 安装Tomcat四. VScode环境配置五. 开始部署的全部内容，希望文章能够帮你解决【VScode】vscode中用community server connecttor配置并部署基于Tomcat的Javaweb项目目录一. 安装JAVA二. 安装MAVEN三. 安装Tomcat四. VScode环境配置五. 开始部署所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。