天天看點

Webstorm6.0.2 将項目部署到Tomcat目錄

最近在使用Webstorm開發項目中前端相關的内容,但是涉及到使用ajax技術,不能夠跨域通路相關json檔案和服務,需要将前端代碼部署到tomcat伺服器上。但是,如果通過手動拷貝的方式,太過于複雜,大大降低了開發的效率,但實在無法割舍Webstorm,隻好查閱了一些資料,解決部署的問題。

具體的步驟如下:

(1)打開設定setting面闆

Webstorm6.0.2 将項目部署到Tomcat目錄

(2)找到Project Settting中的Deployment選項。

右側會出現+号,點選填寫名稱tomcat,type選擇Local or……。然後點選OK。

Webstorm6.0.2 将項目部署到Tomcat目錄

(3)配置tomcat伺服器,首先是connection頁籤,其中的upload/download project files選擇要部署到tomcat伺服器目錄。

webserver root url則是用來運作該站點的位址。

Webstorm6.0.2 将項目部署到Tomcat目錄

(4)配置Mappings。Local Path:是要部署的項目檔案夾位址。

Deployment Path是一個相對路徑,是與(3)中upload/download project files的位址的相對路徑。

Webstorm6.0.2 将項目部署到Tomcat目錄

(5)可以通過配置,控制哪些檔案夾不去上傳。

Webstorm6.0.2 将項目部署到Tomcat目錄

到此為止,一個tomcat伺服器的部署就配置好了。

(6)然後就是要将檔案上傳到tomcat目錄下。選擇tools菜單–>Deployment–>upload to tomcat即可。

Webstorm6.0.2 将項目部署到Tomcat目錄

——————————————————————-

——————————————————————-

為了進一步簡化操作,可以将upload to tomcat按鈕添加到工具欄中。

右鍵點選工具欄,選擇自定義菜單和工具欄。

Webstorm6.0.2 将項目部署到Tomcat目錄

選擇Main Toolbar,在其子選項中選一個位置,并點選Add After,彈出對話框。

Webstorm6.0.2 将項目部署到Tomcat目錄

在對話框中,找到Main Menu–>Tools–>Deployment–>Update to Default Server,點選OK即可。

這樣在工具條上就會出現上傳按鈕。

Webstorm6.0.2 将項目部署到Tomcat目錄

大功告成。

=====個人部落格=====

www.runman.xyz

繼續閱讀