DEV Community
·
可视化编辑 HTML 文件
💡
原文英文，约300词，阅读约需1分钟。
📝
内容提要
Web Visual Editor 是一款 VSCode 扩展，用于实时可视化编辑 HTML。适合创建简单内容，如落地页，并支持与代码同步的可视化操作。代码库小，易于扩展，支持复制、剪切、粘贴和删除元素，无需额外流程。
🎯
关键要点
- Web Visual Editor 是一款用于实时可视化编辑 HTML 的 VSCode 扩展。
- 该扩展在发布几天内获得了 400 多个星标。
- 在现代 web 应用中，直接处理 HTML 文件的情况较少，使用绝对或相对定位的主要元素也不常见，因此该扩展的使用场景目前有限。
- 在某些领域（如工业设备）中，该扩展可能在采用简化的 web 技术时有所帮助。
- 在使用 Vue.js 创建组件时，实时预览功能可能会很有用。
- 该扩展适合创建简单的非应用内容，如落地页。
- Web Visual Editor 与 microsoft/vscode-livepreview 相似，但在以下方面有所不同：能够将代码选择与预览中的视觉选择同步。
- 由于功能较少，代码库非常小，未来扩展容易。
- 该扩展旨在将预览中所做的更改反映回代码，未来可能会增强预览中的编辑能力。
- 目前可以在预览中复制、剪切、粘贴和删除元素。
- 还有其他类似的扩展，但许多需要在 VSCode 之外的流程。
🏷️
标签
➡️
