一、第一種方法，通過啟動本地tomcat,查看jsp
-
在tomcat的webapps目錄下創建文件夾HBuilderX
-
打開HBuilderX軟件,點擊文件/導入/導入本地文件，找到tomcat的webapps
導入成功大概是這樣。
-
打開工具設置，找運行設置，外部web服務器調用url,輸入http://localhost:8080后面的端口號是自己tomcat的默認端口，如果沒有修改過就是8080，我因為修改成80端口（80端口可不寫），所以配置中並未填寫，注意下面的選項，外部web服務器url是否包含項目名，如果你在引入時沒有引到webpps這一級目錄，而是他的下一級目錄則需要勾選。
-
最后我們在tomcat的目錄下找到bin目錄，打開tomcat8w.exe,點擊start,之后在HBuilderX里查看jsp界面
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Insert title here</title> </head> <% String a = "a"; %> <%=a%> <body> </body> </html>-
注意這種情況下eclipse是無法運行web程序的，若果想運行需要點擊Stop關閉，而關閉之后HBuilderX也無法查看jsp,下面第二種方法解決這個問題。
-
二、第二種方法，運行項目后查看，可同時運行項目，用HBuilderX查看jsp
-
這種方式需要在eclipse中進行配置，在進行配置之前我們先解決一個問題，那就是我們在運行本地tomcat也就是上面的步驟時在瀏覽器中輸入http://localhost:8080發現沒有問題,小貓頁面正常出現，而在eclipse中執行web程序后輸入http://localhost:8080並不能進入小貓界面，而帶上項目名之后 http://localhost:8080/項目名 卻可以正常訪問項目的，這是為什么？
-
原因是我們剛才在eclipse中設置的Server locations路徑為: Use workspace metadata ，你在eclipse中啟動的tomcat並部署項目的時候,其實是Eclipse調用了tomcat核心的組件,內置到eclipse中,啟動和部署的時候跟真正的tomcat毫無關系,因此當你在瀏覽器中輸入http://localhost:8080/ 顯示沒有啟動,但是輸入 http://localhost:8080/項目名 之后, 直接進入了eclipse的內置的tomcat,因此能預覽。
-
現在開始配置
雙擊下方的tomcat，進入配置頁面，我們發現Server Locations 是灰的，沒關系，我們只需要移除tomcat下的項目並clean就可以進行配置，具體操作為右鍵tomcat,有ADD and Remove 以及Clean。清除成功后，我們選擇中間的選項 Use Tomcat installation,真正部署到tomcat下，在Deploy path 選擇tomcat下的webapps目錄，最后我們可以設置右上角的timeouts為100防止項目過大啟動時間長，判斷響應超時，最后的最后保存。
-
設置完這些后，我們只需要啟動web程序就可以在HBuilderX中的webapps看到這個項目，進行jsp查看，如果導入的是webapps的下一級目錄則需重新導入。
-
注意這些設置並不是說可以同時運行web項目跟本地tomcat,而是在運行項目時可以在HBuilderX中查看jsp。這種方法存在一個問題，在HBuilderX中修改保存，或者說在webapps下項目中修改保存是有問題的，如果eclipse中重新運行還是會覆蓋HbuilderX中的內容，具體原因不在這里闡述，給出兩個方案，一是修改完后直接復制到eclipse中，二是直接從項目下復制jsp文件到在第一步創建的HBuilerX中，然后進行操作，防止不小心重新運行程序，最后做了無用功。
-
這兩種方法雖然解決了使用HBuilderX對jsp查看編輯問題，但是由於HBuilderX軟件的問題，還是比較麻煩的，如果編輯jsp代碼還是建議直接在eclipse中進行吧，如果需要調整jsp中的html代碼，可以這樣進行 配置使用。最后一提，進行上述配置，HBuilderX中在非webapps下的任何文件都是無法運行，只需要把配置中的外部web服務器調用url刪掉就可以恢復正常了。