工具準(zhǔn)備

jdk, maven, tomcat9, vscode;

上述軟件的安裝配置在百度就能找到很多教程, 所以此處不詳述.

(jdk使用1.8以上版本的就行, tomcat的話最好用9, 10的話由于httpservlet類的包名修改了所以會出現(xiàn)一些不兼容的錯誤導(dǎo)致運行失敗,剩下兩個使用哪個版本都可以).

由于vscode不能直接創(chuàng)建javaweb項目, 所以使用maven的webapp項目;

vscode需要下載的插件如圖:

下載完這兩個插件之后會自動下載一些依賴的插件; 下載完插件重啟vscode后需要修改maven的設(shè)置, 在設(shè)置中搜索: maven, 修改如下圖項為本機(jī)放置maven配置文件的路徑:

然后添加tomcat插件, 回到主頁點擊下圖加號, 在彈出的文件選擇窗口中選擇本機(jī)放置tomcat的文件夾即可:

添加后如圖:

創(chuàng)建web項目

將所需工具準(zhǔn)備好后就可以開始部署web項目了, 在vscode中按下ctrl+shift+p, 輸入maven點擊下圖指出項:

然后選擇webapp, 如圖指出項:

選擇一個版本, 這里我選擇1.4版, 如圖:

然后選擇一個文件夾存放項目, 如圖:

此時maven開始部署項目, 在vscode的輸出窗口中可以看到, 當(dāng)出現(xiàn)如下行時, 需要我們輸入項目的groupId, 此處我設(shè)置為demo, 如圖:

按下回車, 再輸入artifactId, 此處我也設(shè)置為demo, 一般規(guī)定是(com.xxx.xxx)因為是演示所以就不那么嚴(yán)謹(jǐn)了, 如圖:

按下回車, 此時提示我們選擇version直接回車就行

提示我們選擇package, 直接回車

提示Y, 是否確認(rèn), 回車確認(rèn)

出現(xiàn)

代表我們項目部署成功了.生成的項目結(jié)構(gòu)如下圖:

然后創(chuàng)建我們需要的目錄, java, test, resources, 創(chuàng)建后如圖:

其中java文件夾用來存放java文件, resources用來存放資源文件(maven編譯時會識別文件夾名所以必須要叫resources, 不然就要在pom.xml中手動配置資源文件夾)到此一個web項目的框架已經(jīng)建好了, 使用maven創(chuàng)建web項目的話導(dǎo)包都是在pom.xml中進(jìn)行, 這些有關(guān)maven的使用都可以通過百度搜索到, 此處不詳述. 當(dāng)然也可以直接將包放在webinf目錄下(不推薦). (此處經(jīng)歷過一些挫折, 在使用tomcat10時,由于其httpservlet類的包名發(fā)生變化了, 不再是javax開頭, 當(dāng)時我在pom.xml文件中一直引用javax開頭的servlet-api包, 被折磨了很久, 后來直接使用tomcat的servlet-api包就解決了, 但再到后來做ssm項目時, 由于spring-mvc框架中也是使用的javax開頭的servlet-api包, 導(dǎo)致項目又掛掉了, 最后還是棄用了tomcat10, 改用回tomcat9, 算是走過的一些坑吧- -||)

運行項目

按下ctrl+shift+p, 輸入maven, 選擇如下圖指出項:

選擇package, 如下圖指出項:

此時maven會對項目編譯, 生成target目錄, 在target目錄下存放的都是編譯之后的文件, 如果后續(xù)開發(fā)項目報錯的話, 比如配置文件啊, 包缺失啊之類的都應(yīng)該先到target目錄下看看. 在target目錄下, 可以看到我們打包好的項目文件, 如圖:

右擊選擇用tomcat運行, 如圖:

輸出窗口沒有報錯的話, 展開tomcat插件, 右擊如圖項, 選擇打開瀏覽器:

運行結(jié)果如圖:

這里顯示的是index.jsp的內(nèi)容.到此, 一個maven web項目就搭建好了. 使用vscode的maven插件其實也能編譯, 但肯定是沒有直接package那么方便的, 平常比較常用到的話一般是clean, 用來清理target目錄, 其實一個package命令實際上是maven插件的依次執(zhí)行, 在輸出窗口也有體現(xiàn)出來, 有關(guān)maven插件的更多使用可以通過百度得到, 此處不詳述, 如圖為clean命令, 點擊圖中的三角形即可執(zhí)行:

執(zhí)行后項目中的target目錄就沒有了.

總結(jié)

到此這篇關(guān)于使用vscode搭建javaweb項目的文章就介紹到這了,更多相關(guān)vscode搭建javaweb項目內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評論