vscode配置基于maven的Javaweb开发

vscode配置基于maven的Javaweb开发

得益于vscode的便捷性,并且不是很吃电脑性能,所以得到越来越多的青睐,vscode在编写脚本语言比如python上非常好用,但是如果开发大型项目,其实还是有些麻烦的,所以这里给出一个教程,来配置一个能够结合maven开发javawen的项目,并且后续会加入调试等内容。

在配置之前,你要有开发过Java web项目的经验,要不然可能很多东西都不知道为什么。

事前准备

主要就是配置Java环境、maven环境、tomcat环境,这三个都是解压即可,主要是注意配置环境变量JAVA_HOMEMAVEN_HOME以及CATALINA_HOME,然后将他们加入到path里面,最后path里面多了这四条:

%MAVEN_HOME%\bin
%JAVA_HOME%\bin
%CATALINA_HOME%\lib
%CATALINA_HOME%\bin

并且你在命令行输入java -version mvn -v catalina version都ok,说明开发环境都配置好了。 其实到了这个地方,如果你是大佬,你就可以基于记事本来开发了,更何况vscode,其实IDE主要就相当于润滑剂,能够更加简单的用这些工具,不用你输很多命令。而vscode介于二者之间。

vscode插件

vscode之所以好用,就是里面有了很多的插件,能够起到润滑剂作用,帮助你更方便的开发。这里需要的插件有:

Language Support for Java(TM) by Red Hat
Debugger for Java
Java Extension Pack
Maven for Java
Tomcat for Java
MySQL

安装完插件,主要就是配置了。这里主要配置一下maven即可,在File->Preferences->Settings里面,你可以搜索一下maven,配置如下:

vscode配置基于maven的Javaweb开发_第1张图片

这样就能找到maven的配置了。tomcat也可以配置一下workspace,你可以自行在设置里搜索然后更改,其作用主要是修改一下我们运行web时的位置。

maven构建web项目

其实这里和之前学习maven构建项目一样,只不过安装了插件,你可以不通过命令了,而是通过鼠标点来点去即可。首先ctrl+shif+p打开vscode的命令面板,输入>maven: Create Maven Project,回车,然后选择web app`版本1.4,然后等待建立maven骨架,这里会需要输入group
Id,这里我输入了com.demo1,以及artifactId,我输入了demo,其他的回车用默认即可。

然后你发现目录下面会多了一个demo的目录,并且demo下面还有一个pom.xml,这个时候就说明建立成功了,你用vscode打开这个demo文件夹即可(因为建立后,好像vscode不会自动打开)。

构建完成后,我们需要部署到tomcat上面,这里现增加一个tomcat服务器,你当前的工作区应该如下所示:

vscode配置基于maven的Javaweb开发_第2张图片

你点击TOMCAT SERVERS右边的小加号,然后会弹出来选择目录的,你就选择你tomcat的安装目录即可(就是下面有bin的那个),如果没问题,那么就会在下面多一个服务器,然后你可以右键,选择start即可。等到开启完成,你再点击open in browse即可在浏览器里面看到tomcat的界面(与原版tomcat有一点不同,vscode插件做了一点定制)。

我们在终端输入mvn clean package 就可以将项目打成war包,在Demo\target\demo.war,r 然后你在上面右键,即可出现Run on tomcat server, 这就会将其部署到tomcat上面,你在浏览器里面刷新一下,会发现多了一个项目,你点击就可以进去,或者直接地址栏输入http://localhost:8080/demo/

p.s. 可能你也注意到了如果右键在webapp这个目录上的话,也有Run on tomcat server并且能够运行,但是这个仅限于静态项目,我试了在spring mvc下,对servlet访问就不行了,所以建议还是用mvn clean package ,如果觉得麻烦,后续会继续讲其他方案。

到此为止,通过vscode结合maven构建项目就完成了。

你可能感兴趣的:(vscode,java,web,vscode,IDE)