webstorm中html如何添加图片

添加图片是通过img标签添加的，跟编辑器关系不大，示例如下:

<img src="图片路径" alt="图片描述">

图片的路径可以是绝对路径，也可以是相对路径，alt的图片描述是在图片加载失败的时候用来显示的，也可以不写。

当项目使用Webstorm打开之后,src等目录文件在左侧项目栏中找不到了

在这里插入图片描述

具体情况就是上图中的这几个文件的文件夹突然不再这个项目栏中显示了，但是在文件资源管理器中是有文件存在的（可以右击，open in explorer 就可以打开对应的文件夹所在位置了）在这里插入图片描述

这个时候就可以看到下图中的 .idea 的文件夹，关闭webstorm同时把它删除掉，然后重新用webstorm打开该项目（切记要把webstorm关掉再删除文件，不然可能还会有这个问题）在这里插入图片描述

这个时候就可以看到文件夹有重新显示出来了，（原因可能是瞎 *** 作的时候误删了什么东西，导致webstorm生成的idea的文件出错了，重新生成一下就可以了）

---