在 VSCode 中预览 JavaScript 中的 SVG

Question

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

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

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

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

Answer 1

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

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