在VSCode中预览JavaScript内的SVG

Question

10

在VSCode中是否有可能在JavaScript中预览SVG？

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

也有一些工具，比如Storybook，但如果你只想快速预览一些SVG图像呢？如果它们在JS中，它们可能是动态的（接受像填充、颜色等属性），但我能否使用默认值（如果提供）来预览它们，或者提供一种简单的方法来提供这些属性?

是否有任何VSCode插件可以实现这一点？人们是如何解决这个问题的？

- zok

嗨@zok！你解决这个问题了吗？ - nrion

2个回答

0

这个扩展允许你在页面上预览内联SVG。它适用于js文件，也适用于字符串中的SVG。

当你改变SVG时，它不会自动更新。但你可以将命令绑定到键盘快捷键上，这样速度就会相当快。

- samsal

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- threeFatCat · Accepted Answer

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

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