vscode集成javaweb项目

1. 工具

1.1 下载maven

文章使用如下版本:
https://dlcdn.apache.org/maven/maven-3/3.9.1/binaries/apache-maven-3.9.1-bin.tar.gz

1.2 下载VSCode

文章使用VSCode版本为版本: 1.77.1 (Universal)

1.3 安装插件

image.png

image.png

1.4 安装JDK和tomcat

image.png

2. 配置

打开VSCode的设置,搜索Maven,这里需要填写两处:

2.1 maven可执行文件路径,也就是1.1里下载后解压的路径:

image.png

2.2 maven的配置文件路径

image.png

2.3 配置tomcat

这里是1.3安装的第一个插件,选择Create New Server:


截屏2023-04-10 17.38.40.png

选择NO,use server on disk:


image.png

选择下载的tomcat目录即可。

3.创建项目

3.1 创建java项目

image.png

3.2 选择maven

image.png

3.3 选择webapp

image.png

4.打包项目

4.1 执行maven命令

image.png

4.2 选择打包

注意,这个过程可能多次错误,常见于网络状况不好,多试几次...


image.png

4.3 生成包

目录中会自动显示打包后的产物:


image.png

4.4 运行

选择Run on Server,这是1.3第一个插件提供的功能:


截屏2023-04-10 17.36.32.png

4.5选择服务

目前只有一个tomcat 9.x:


image.png

默认8080端口即可在浏览器查看。

浏览器输入localhost:8080/[创建的java项目名,例子中就是demo]/index.jsp

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容