VSCode中JavaScript内的SVG预览

问题描述 投票:0回答:2

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

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

还有诸如Storybook之类的工具,但是如果您只是想快速预览一些SVG,该怎么办?如果它们在JS内,它们可能是动态的(采用诸如填充,颜色等道具),但是我可以仅使用默认值(如果提供)预览它们,还是提供道具的简单方法?

任何VSCode插件可以做到吗?人们如何解决这个问题?

javascript svg visual-studio-code preview
2个回答
0
投票

我正在使用此extension预览vscode中的svg文件。

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


0
投票

[Simon Siefke有svg扩展名。使用可以使用。Github链接:Svg Preview。它还允许您编辑svg并即时查看更改。

另一个是ccsho的https://github.com/SimonSiefke/vscode-svg-previewGitHub链接:Svg Viewer

我更喜欢Svg预览,因为它会在您单击文件后立即显示svg

© www.soinside.com 2019 - 2024. All rights reserved.