概要:在Webstorm中部署服务器,把WebStorm中的项目直接上传/下载至服务器,这样简化了中间的很多步骤
第一步:选择Tools>Deployment>Configuration,进入Deploment对话框;
第二步:在Deployment中点击左上方的“+”,选择SFTP,给server取一个名字;
第三步:在左边选择自己要设置的SFTP,默认打开的是Connection;
① 点击右边的“…”弹出添加服务器的对话框,点击左上方的“+”会出现右边的选项,Host表示服务器IP,User name表示服务器远程连接名称(注意:这里的名称不是实例主机名),Authentication type表示验证类型,这里我选择的是Password密码连接
如果忘记了服务器的连接名称和密码,第一种是去阿里云控制台>云服务器ECS>实例,如图所示,可以重置和修改密码;
第二种是Shell连接服务器的软件中查看,如图所示,这里只能查看服务器的连接名称,密码看看试吧;
在填入连接名称和密码后可以点击Test Connection进行连接测试。
②Root Path就是服务器中Tomcat下webapps的路径,如我的“/opt/apache-tomcat-9.0.10/webapps”;
③Web Server URL:就是浏览器访问得路径,如“http://www.xxx.com/daxigua”,这里需要注意下,填写这个路径后启动webstorm中这个项目会直接访问这里填写的路径,但不设置这个途径又不行,知道的朋友可以评论交流交流;
第四步:配置Mappings,如图所示,上传服务器中的文件夹名必须和Web Server URL路径最后的文件夹名相同,不然访问不到;
第五步:配置完后需要选中当前设置的SFTP,然后点击上方的“√”,这样才能设置为默认上传使用的SFTP;
第六步:在settings>Build…>Deployment>Options中设置什么时候把修改后的上传至服务器,这里有三个选项:
Never:手动上传的时候才会上传
Always:一旦本地文件更新就会自动上传
On Explicit save action :手动保存的时候才自动上传
第七步:所有的都部署好了后,需要先把整个项目上传一次
在这里webstorm部署云服务器就完成了,如果需要在服务器上下载项目到webstorm中,前面的配置都是一样的,只是需要在webstorm中创建一个文件夹,把这个文件夹设置为下载项目的文件夹,如图:
最后点击Download from…就可以了。