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,配置如下:

在这里插入图片描述

这样就能找到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构建项目就完成了。

<p> <span style="color:#424242;">本套课程系大喵在**</span><strong><span style="color:#FF0000;">2020年**<span style="color:#000000;"></span></span></strong><span>**录制课程</span><span style="color:#424242;">,大喵将带着大家使用vscode这款轻量级编辑器神器,快速上手</span><span>Python</span><span style="color:#424242;">高效开发、调试及单元测试插件扩展和</span><span> VSCode</span><span style="color:#424242;"> </span><span><strong>IDE</strong></span><span style="color:#424242;">环境配置;</span> </p> <p> <span style="color:#424242;"><br /></span> </p> <p> <span style="color:#424242;"></span> </p> <p> <span style="font-size:18px;"><strong>什么是 <span style="color:#FF0000;">vscode</span> 编辑器?</strong></span> </p> <p> <span style="color:#FF0000;">Visual Studio Code</span>(以下简称vscode)是一个轻量且强大跨平台开源代码编辑器(IDE),支持Windows,Mac OS X和Linux。内置JavaScript、TypeScript和Node.js支持,而且拥有丰富插件生态系统,可通过插件面板来方便快捷安装插件来支持javascript、C++、C#、Python、PHP等其他语言。 </p> <p> <br /></p> <p> <span style="font-size:18px;"><strong>什么是 <span style="color:#FF0000;">python</span> ?</strong></span> </p> <p> <span style="color:#FF0000;">Python</span>,它是一门编程语言,截止到目前python已经广泛应用在:无人驾驶、个人助理、金融、电商、医疗、教育等各大领域。尤其是在 Web开发、自动化运维与测试、游戏服务器开发方面有着先天优势。目前许多大型网站就是用Python开发,例如YouTube、Instagram,还有国内豆瓣。很多大公司,包括Google、Yahoo等,甚至NASA(美国航空航天局)都大量地使用Python。 </p> <p> <br /></p> <p> <span style="font-size:18px;color:#FF0000;"><strong>VSCode</strong></span><span style="font-size:18px;"><strong> + <span style="color:#FF0000;">Python</span></strong></span> </p> <p> <span style="color:#FF0000;">VSCode</span>毫无疑问是一款非常优秀IDE,而<span style="color:#FF0000;">Python</span>则无疑是一门使用领域相当广泛,非常强大高级语言;那我们如何把这两者结合起来,用**美IDE编写最棒语言,<span style="color:#000000;"><strong>优雅与**</strong></span>,<strong>强强结合</strong>,<strong><span style="color:#000000;">气冲入虹</span></strong>,<strong>势不可挡</strong>。 </p> <p> <br /></p> <p> <strong>课程内容主要包括</strong>: </p> <p> 01. 课程内容介绍 </p> <p> 02. VSCode IDE 介绍 </p> <p> 03. 为什么推荐使用 VSCode IDE  </p> <p> 04. Python 语言基础介绍  </p> <p> 05. 为什么选择 Python 语言 </p> <p> 06. VSCode和Python 强强联手 </p> <p> 07. 课程插件扩展介绍 </p> <p> 08. Python扩展安装及介绍 </p> <p> 09. Python扩展代码测试 </p> <p> 10. AREPL安装和介绍 </p> <p> 11. AREPL for Python 特点介绍 </p> <p> 12. AREPL 代码功能测试 </p> <p> 13. autoDocstring 安装和介绍 </p> <p> 14. autoDocstring 代码测试使用 </p> <p> 15. python test explorer 安装和介绍 </p> <p> 16. Python pytest 测试和使用 </p> <br /><p> <br /></p>
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页