Webstorm6.0.2 将项目部署到Tomcat目录

最近在使用Webstorm开发项目中前端相关的内容,但是涉及到使用ajax技术,不能够跨域访问相关json文件和服务,需要将前端代码部署到tomcat服务器上。但是,如果通过手动拷贝的方式,太过于复杂,大大降低了开发的效率,但实在无法割舍Webstorm,只好查阅了一些资料,解决部署的问题。

具体的步骤如下:

(1)打开设置setting面板

技术分享

(2)找到Project Settting中的Deployment选项。

右侧会出现+号,点击填写名称tomcat,type选择Local or……。然后点击OK。

技术分享

(3)配置tomcat服务器,首先是connection选项卡,其中的upload/download project files选择要部署到tomcat服务器目录。

webserver root url则是用来运行该站点的地址。

技术分享

(4)配置Mappings。Local Path:是要部署的项目文件夹地址。

Deployment Path是一个相对路径,是与(3)中upload/download project files的地址的相对路径。

技术分享

(5)可以通过配置,控制哪些文件夹不去上传。

技术分享

 

到此为止,一个tomcat服务器的部署就配置好了。

(6)然后就是要将文件上传到tomcat目录下。选择tools菜单–>Deployment–>upload to tomcat即可。

技术分享

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

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

为了进一步简化操作,可以将upload to tomcat按钮添加到工具栏中。

右键点击工具栏,选择自定义菜单和工具栏。

技术分享

选择Main Toolbar,在其子选项中选一个位置,并点击Add After,弹出对话框。

技术分享

 

在对话框中,找到Main Menu–>Tools–>Deployment–>Update to Default Server,点击OK即可。

这样在工具条上就会出现上传按钮。

技术分享

大功告成。

=====个人博客=====
www.shalilang.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。