webstorm中图片目录如何找

当项目使用Webstorm打开之后,src等目录文件在左侧项目栏中找不到了
在这里插入描述
具体情况就是上图中的这几个文件的文件夹突然不再这个项目栏中显示了，但是在文件资源管理器中是有文件存在的（可以右击，open in explorer 就可以打开对应的文件夹所在位置了）在这里插入描述
这个时候就可以看到下图中的 idea 的文件夹，关闭webstorm同时把它删除掉，然后重新用webstorm打开该项目（切记要把webstorm关掉再删除文件，不然可能还会有这个问题）在这里插入描述
这个时候就可以看到文件夹有重新显示出来了，（原因可能是瞎 *** 作的时候误删了什么东西，导致webstorm生成的idea的文件出错了，重新生成一下就可以了）

Web前端是一个新兴职业，市场需求大，薪资待遇高，吸引了很多人加入学习。无论是初学小白亦或是自身前端开发人员，好用的软件工具可以帮助他们更好的工作。今天千锋武汉给大家分享一下Web前端开发用什么软件。

1、SublimeText

SublimeText是一个代码编辑器也是HTML和散文先进的文本编辑器。漂亮的用户界面和非凡的功能，例如迷你地图，多选择，Python的插件，代码段，等等。完全可自定义键绑定，菜单和工具栏。SublimeText的主要功能包括：拼写检查，书签，完整的PythonAPI，Goto功能，即时项目切换，多选择，多窗口等等。

2、Dreamweaver

AdobeDreamweaver使用所见即所得的接口，亦有HTML(标准通用标记语言下的一个应用)编辑的功能，借助经过简化的智能编码引擎，轻松地创建、编码和管理动态网站。访问代码提示，即可快速了解HTML、CSS和其他Web标准。使用视觉辅助功能减少错误并提高网站开发速度。

3、VisualStudioCode

VisualStudioCode中文版是微软推出的带GUI的代码编辑器，软件功能非常强大，界面简洁明晰、 *** 作方便快捷，设计得很人性化。软件主要改进了文档视图，完善了对Markdown的支持，新增PHP语法高亮。

4、HBuilder

HBuilder是专为前端打造的开发工具，具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们的喜爱。

5、WebStorm

WebStorm是jetbrains公司旗下一款JavaScript开发工具。目前已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScriptIDE”等。与IntelliJIDEA同源，继承了IntelliJIDEA强大的JS部分的功能。

tab键---快速生成代码。点导出就可以。

1Ctrl+D---复制行。
2Ctrl+Y---删除行。
3Ctrl+G---通过行号查找行。
Tab键一般指制表键。 在电脑键盘上，Tab键（制表键（tabulator key）或表格键（tabular key）的缩写）用以将游标推进到下一个定位点上。

WebStorm支持快速生成Vue HTML，只需要在WebStorm中打开Vue文件，然后在文件中按Ctrl+Space，就可以看到Vue HTML模板，可以选择模板进行快速编写，比如可以生成v-for循环、v-if条件判断、v-on事件绑定等Vue HTML代码，简化了Vue HTML的编写，提高了开发效率。

---