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構建項目就完成了。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章