tomcat在vscode中的部署
tomcat下载安装与配置
详情见我的上一篇博客:https://blog.csdn.net/qq_45775250/article/details/120025951
vscode安装maven
下载maven
首先下载maven插件,如图
然后我们需要到maven官网下载maven压缩包,官网地址:https://maven.apache.org/download.cgi
点击左侧download之后选择 apache-maven-3.8.2-bin.zip
如图
下载完成之后放在一个自己找得到的地方进行解压缩然后我们开始配置环境
maven环境配置
找到环境变量,在系统变量中新建MAVEN_HOME,然后写入刚刚解压缩的maven地址,如图
然后在path中加入%MAVEN_HOME%\bin
如图
测试maven是否成功
win+r输入cmd,键入mvn -version,如图所示即成功
vscode中修改maven设置
打开vscode在设置中搜索maven,然后加入下载的maven解压缩之后的压缩包路径中的setting.xml文件
如何打开settings:点击左下角齿轮状设置符号,点击settings
vscode中tomcat运行
装载tomcat插件
装载如图插件
然后找到tomcat servers
点击加号添加tomcat路径
然后就会出现如下图所示的红色小方块
创建web项目
在vscode中按下ctrl+shift+p键然后输入maven,选择如下图所示项
然后点击webapp项
然后这里我们选择的是1.4版本
然后给你的项目组命名
为项目工件设置id
然后选择一个文件夹存放你的项目
等待vscode加载,在version时直接点击回车
然后Y这里也直接点击回车即可
此时我们的web项目就创建完成了
项目部署完成之后就生成了如图结构,初次建立可能没有target项是正常的
然后我们创建我们需要的目录,如java、resources、test,创建之后如图
运行webapp项目
按下ctrl+shift+p, 输入maven, 选择如图项
再选择package
然后等待vscode终端加载,如图所示即加载完成
鼠标放到TOMCAT SERVERS的小红方块那一项点击右键,点击start
开启tomcat
找到上面target中生成的dome.war文件,右键点击Run on Tomcat Server
如图点击Open in Browser即可在浏览器中打开此项目
第一次打开可能会出现404 Not Found,不要着急,关闭页面,等一下再打开一次就可以进入了。进入如图即成功部署