webstorm 将项目部署到Tomcat目录_tomcat 前端项目webstorm

最近在使用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即可。

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

大功告成。