时间戳

首页 > 解决方案 > 在 VSCode 中的 JavaScript 中预览 SVG

javascript - 在 VSCode 中的 JavaScript 中预览 SVG

问题描述

是否可以在 VSCode 中的 JavaScript 中预览 SVG？

有一些插件可以在 VSCode 中预览 SVG 文件，但是如果它们在 JavaScript 或 React 组件中呢？或者，如果对象中有复合路径列表。

还有像 Storybook 这样的工具，但如果你只是想快速预览一些 SVG 怎么办？如果它们在 JS 中，它们可能是动态的（采用填充、颜色等道具），但是我可以使用默认值（如果提供）预览它们，还是提供道具的简单方法？

任何 VSCode 插件可以做到这一点？人们如何解决这个问题？

标签： javascriptsvgvisual-studio-codepreview

解决方案

我正在使用这个扩展来预览svgvscode 中的文件。

在您的情况下，如果整个svg代码嵌入在 js 脚本文件中，您可以复制代码并将其粘贴到不需要保存的空编辑器中，您只需指定类型，svg然后运行命令Preview SVG .

推荐阅读