在 VSCode 中的 JavaScript 中预览 SVG

Question

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

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

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

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

Answer 1

我正在使用这个extension 来预览vscode 中的svg 文件。

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