vscode配置基于maven的Javaweb开发

vscode配置基于maven的Javaweb开发

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

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

事前准备

主要就是配置Java环境、maven环境、tomcat环境，这三个都是解压即可，主要是注意配置环境变量JAVA_HOME 、MAVEN_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，配置如下：

这样就能找到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服务器，你当前的工作区应该如下所示：

你点击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构建项目就完成了。