工具準(zhǔn)備

jdk, maven, tomcat9, vscode;

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

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

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

vscode需要下載的插件如圖:

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

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

添加后如圖:

創(chuàng)建web項(xiàng)目

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

然后選擇webapp, 如圖指出項(xiàng):

選擇一個(gè)版本, 這里我選擇1.4版, 如圖:

然后選擇一個(gè)文件夾存放項(xiàng)目, 如圖:

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

按下回車, 再輸入artifactId, 此處我也設(shè)置為demo, 一般規(guī)定是(com.xxx.xxx)因?yàn)槭茄菔舅跃筒荒敲磭?yán)謹(jǐn)了, 如圖:

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

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

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

出現(xiàn)

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

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

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

運(yùn)行項(xiàng)目

按下ctrl+shift+p, 輸入maven, 選擇如下圖指出項(xiàng):

選擇package, 如下圖指出項(xiàng):

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

右擊選擇用tomcat運(yùn)行, 如圖:

輸出窗口沒有報(bào)錯(cuò)的話, 展開tomcat插件, 右擊如圖項(xiàng), 選擇打開瀏覽器:

運(yùn)行結(jié)果如圖:

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

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

總結(jié)

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

最新評(píng)論