在 VSCode 中预览 JavaScript 内的 SVG

Question

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

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

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

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

Answer 1

我正在使用此扩展来预览svgvscode 内的文件。

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