§ ITPOW >> 文档 >> Java

利用 Visual Studio Code 开发 Java-Web 应用/项目

作者:vkvi 来源:ITPOW(原创) 日期:2022-10-10

创建 Web 项目

如本连载前述,Visual Studio Code 安好扩展之后,可以创建 Java Web 项目了。

  • Ctrl + Shift + P,打开命令面板,输入 java,点击“创建 Java 项目”。

  • 继续选择“Maven”这一项。

  • 然后选择带“webapp”那一项。

  • 后面就是选版本啊、路径啊、项目名称啊等等(不同类型的项目,顺序、内容可能不太一样)。

  • 当遇到“Define value for property 'version' 1.0-SNAPSHOT: :”的时候,直接回车,后面也有提示,直接回车,使用默认值,后面可在 pom.xml 中修改。

整个过程,用户体验可能有点反常理,没办法,这就是通用编辑器与专用编辑器不同之处。

整个过程,可能会遇到错误:

JAVA_HOME 错误

以 Windows 10 为例,开始菜单输入“此电脑”,右键“属性”,右边“高级系统设置”,找到环境变量,填上 JAVA_HOME 的环境变量,比如:C:\Program Files\Java\jdk-17.0.2。

下载错误

首次需要下载很多东西,下载错误太正常了,毕竟连接国外的嘛。

项目创建后,结构如下:

Java Web 项目


运行 Web 项目

在 Visual Studio Code 的“终端”(TERMINAL)窗口,输入:

mvn tomcat:run

首次会下载很多东西,然后在浏览器中输入:

http://127.0.0.1:8080/demo/index.jsp

发现程序是跑起来了,只是有 500 错误。网上查了一下这是 JDK 版本太高,而 tomcat 版本太低造成的。我的 JDK 版本是 17,而 maven 中 tomcat 插件版本只有 7,据说要 tomcat10 才支持 JDK 17,但是 maven 中并没有 tomcat 10,因为浏览器输入 https://repo.maven.apache.org/maven2/org/apache/tomcat/maven/tomcat7-maven-plugin/,有个目录,将 URL 中的 tomcat7 改为 tomcat8 或者更高,就是 404 了,说明还没集成更高版本的如果要强制指定 tomcat 插件版本,在 pom.xml 中配置,示例:

<plugins>
  <plugin>
	<groupId>org.apache.tomcat.maven</groupId>
	<artifactId>tomcat7-maven-plugin</artifactId>
	<version>2.2</version>
	<configuration>
	  <port>8080</port>
	</configuration>
  </plugin>
</plugins>

此时输入:mvn tomcat7:run

在 Visual Studio Code 的“终端”(TERMINAL)窗口,Ctrl + C,输入 y,回车,终止 tomcat 服务。

继续研究 tomcat

发现 Visual Studio Code 有一个 Tomcat for Java 的插件,但是已经停用了,没办法测试。

为了测试,我只有走最笨的办法了

下载 Tomcat 10

在 C:\Program Files\Apache Software Foundation\Tomcat 10.0\conf\tomcat-users.xml(也可能是其他位置)中添加一句:

<role rolename="manager-gui"/>
<user username="tomcat" password="itpow" roles="manager-gui"/>

输入 http://127.0.0.1:8080/。

网页界面上点击 Manager,输入上面配置的用户名、密码,上传 war 包,就完成部署了。

Visual Studio Code 中打包

前面提到 war 包,也就是在 Visual Studio Code 的终端”(TERMINAL)中输入:

mvn package

开始打包,打包完成,会给出 war 文件的路径(在 target 目录中)。

相关阅读


相关文章