IdeaWebStorm ssh连接服务器

JetBrains家族的产品除了非常轻大的编码功能外，其万金油似的其他功能比如Database管理等，能极大的提高我们的开发效率，减少不同软件之间的切换成本.

这里分享一下其强大的ssh连接功能，可以方便我们管理ssh连接、编辑服务器文件,愉快的抛弃某些CRT和shell软件（测试版本WebStorm 2019.1.2）

我们选择SFTP(为了方便管理，可以选择Server group 然后再新建SFTP)

选择YES

连接成功，其实直接在命令行ssh name@ip 也可以，只是idea帮我们管理了ssh连接

如果不熟悉vim，这个功能能极大的方便我们编辑服务端的文件

注意，这里新建文件是实时的，会弹出对应的File Transfer面板，而文件编辑不是实时的，需要点击上传文件按钮（右上角）

类似idea自带的版本控制，可以很方便的利用编辑器功能进行文件编辑

在使用webstorm过程中，使用某张图片的绝对路径始终显示不出来，比如：显示不出来，设置相对路径就可以显示了。在webstorm中，它帮你虚拟了一个服务器（可以认为在此虚拟服务器外的文件相当于在另一个电脑里），因此你点击webstorm右上角的浏览器图标打开网页时，网页路径是localhost:****而你的图片也显示不出来；你可以摁住Shift再点击右上浏览器图标使用本地打开的方式，此时打开的网页路径是file:///****，这时候你的图片应该就能显示出来了。望采纳

1. 打开项目设置: File | Settings | Project Settings. 然后点击目录。

2. 在目录页，点击添加内容根目录按钮addRoot.

3. 在打开的对话框中，选择相应的目录后，点击OK.

---