从Atom迁移至Visual Studio Code后,如何实现XML基于XSL的HTML实时预览?
在VS Code中实现XML+XSL的即时预览
嘿,我之前从Atom转VS Code的时候也纠结过这个问题!Atom里那两个插件的一键预览确实方便,好在VS Code里也有类似的方案,不用手动生成HTML文件就能直接看效果,给你分享两个实用的办法:
使用XSLT Preview插件
这是最接近Atom那种一键预览体验的工具。安装好插件后,打开你的XML文件(确保里面的<?xml-stylesheet>引用的XSL路径正确),右键点击编辑器区域,选择「Preview XSLT」,或者用快捷键Ctrl+Shift+X(可自定义),就能在VS Code的侧边栏或者新标签页直接看到转换后的HTML效果,完全不用额外操作。借助XML Tools插件
如果你已经在用XML Tools处理XML文件,它也支持XSLT预览。打开XML文件后,按下Ctrl+Shift+P调出命令面板,输入「XML Tools: XSLT Transform」,然后选择你要使用的XSL文件(如果XML里已经指定了,插件会自动识别),之后就能在输出面板或者新窗口里看到转换后的结果,也能满足需求。
注意一下,不管用哪个插件,都要保证XML里引用的XSL文件路径是正确的(相对路径或者绝对路径都可以),不然会出现转换失败的情况哦。
内容的提问来源于stack exchange,提问作者mindolianum




