图像
WebStorm 提供多种查看图像的方法。 您可以使用 跳转到源或 在外部图形编辑器中打开图像。
WebStorm 支持所有常见的图像格式，例如 PGN、JPG 和 GIF。 您可以在 设置 （Ctrl+Alt+S ）中找到支持的文件类型完整列表：转到 ，在列表中找到 图像。 有关 WebStorm 中文件类型的更多信息，请参见 文件类型关联。
在 WebStorm 中查看图像
在 项目 工具窗口中，查找并选择图像文件。
或者，将光标置于编辑器中图像的引用处并按下 Ctrl+B。
要在弹出窗口中预览图像而不是在单独的选项卡中，请选择该引用并按 Ctrl+Shift+I。
在外部编辑器中查看图像
在 项目 工具窗口中，右键点击图像文件并选择 。
或者按 Ctrl+Alt+F4。
WebStorm 会在您的 OS 默认使用的编辑器中打开该图像。 您可以 配置其他图像编辑器 ，以供 IDE 打开文件时使用。
更改默认外部编辑器
在编辑器中右键点击图像，并从上下文菜单中选择 编辑外部编辑器的路径…。
您也可以按 Ctrl+Shift+A 并输入
Edit Path to External Editor。在 外部编辑器路径 对话框中，指定要用于打开图像的应用程序路径，并点击 保存。
示例：导入图像
图像属于 资源文件。 应将其存储在专用文件夹中 ——Resource Root。 如果项目中没有该文件夹，请 创建新目录 ，然后在 项目 工具窗口中右键点击该目录，选择 。
在文件管理器中复制文件，然后粘贴至 WebStorm 中 项目 工具窗口的资源文件夹内。
在打开的对话框中根据需要编辑文件名和目标位置。 点击 确定。
在 项目 工具窗口中右键点击粘贴的图像，然后选择 。 然后在弹出列表中选择 文件名。
将光标置于图像引用内，并按下 Ctrl+V 粘贴保存的图像名称。 或者，开始输入图像名称并使用代码补全。
运行您的应用程序或其片段，以确保图像正确插入。