使用VScode中的tomcat插件，网页404的解决方法

最近因为种种原因放弃了IDEA，改用了VScode，照着网上的教程部署tomcat时遇到了一个诡异的问题。（我参考的教程是https://www.jianshu.com/p/1355b54a5801）

我按照这个教程的步骤来做，最终打开的网页为404。

原因是我按照这个教程打包出的war包结构不对

正常的war包结构应该是长下面这样的：

然而按照教程打包出的war包长这样：

解决方案是：用maven原生的命令进行打包

mvn package

打包后的war包在target目录下，如果有更好更简便的方法请指教