创建 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。
下载错误
首次需要下载很多东西,下载错误太正常了,毕竟连接国外的嘛。
项目创建后,结构如下:
运行 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 的插件,但是已经停用了,没办法测试。
为了测试,我只有走最笨的办法了
在 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 目录中)。
相关阅读