IdeaWebStorm ssh连接服务器

IdeaWebStorm ssh连接服务器,第1张

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:///****,这时候你的图片应该就能显示出来了。望采纳

问题遇到的现象和发生背景

在网上学习前端,别人在webstorm中写的代码我在DW中写了可是无法预览,一片空白

问题相关代码,请勿粘贴截图

HTML中代码如代码片所示

运行结果及报错内容

运行结果一片空白

我的解答思路和尝试过的方法

没有思路

我想要达到的结果

应该显示几块有色元素

<!doctype html>

<html>

<head>

<meta charset="utf-8">

<title>浮动属性</title>

<style type="text/css">

#box{

width:600px;

height:600px;

background:deeppink;

}

#box>div:first-child{

width:600px;

height:600px;

background:green;

float: right;

}

#box>div:nth-child(2){

width:200px;

height:200px;

background:aqua;

}

#box>div:nth-child(3){

width:200px;

height:200px;

background:red;

}

</style>

</head>

<body>

<div id= "box">

<div></div>

<div></div>

<div></div>

</div>

</body>

</html>


欢迎分享,转载请注明来源:夏雨云

原文地址:https://www.xiayuyun.com/zonghe/202565.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-02
下一篇2023-04-02

发表评论

登录后才能评论

评论列表(0条)

    保存