# Web Visual Editor - 实时可视化编辑 HTML 文件\[VS Code 扩展\]

**URL:** <https://meta.appinn.net/t/topic/63497>\
**Category:** 青蛙的应用\
**Created:** [2024 年11 月 26 日 08:04 UTC](https://meta.appinn.net/t/topic/63497 "2024-11-26T08:04:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

作者： ![Qingwa](https://meta-edge.appinn.com/user_avatar/meta.appinn.net/qingwa/32/58632_2.png) [@Qingwa](https://meta.appinn.net/u/Qingwa)\
发布日期： [2024 年11 月 26 日 08:04 UTC](https://meta.appinn.net/t/topic/63497/1 "2024-11-26T08:04:53Z")

</div>

原始链接在： [https://www.appinn.com/web-visual-editor-for-vscode/](https://www.appinn.com/web-visual-editor-for-vscode/)

**Web Visual Editor** 是一款 VS Code 扩展，可以实时可视化编辑 HTML 文件。@[Appinn](https://www.appinn.com/web-visual-editor-for-vscode/)

  
 ![](https://static3.appinn.com/images/2024/11/Appinn-Feature-images-2024-11-26T153653.151.jpg)
## 🎬 演示

## ✨ 特点

- 🖼️ **可视化编辑** ：在 WebView 中可视化编辑 HTML 元素。
- ⏱️ **实时预览** ：编辑时立即查看反映的更改。
- 🧩 **与 Visual Studio Code 集成** ：无需额外的进程和窗口，并与 VSCode 主题良好集成。

## 📋 功能

- 🖱️ **元素选择** ：轻松选择 HTML 元素。视觉选择与编辑器上的文本选择同步。反之亦然。
- ✂️ **复制、剪切和粘贴元素** ：复制或剪切元素，将文本粘贴到所选元素中。
- 🔍 **放大和缩小** ：放大和缩小页面。
- 🔒 **脚本和链接管理** ：禁用脚本并管理链接以确保安全。
- ↕ **移动元素** ：拖动元素以重新排列其位置。

## 获取

- [GitHub](https://github.com/urin/vscode-web-visual-editor)
- [VS 商店](https://marketplace.visualstudio.com/items?itemName=Urin.vscode-web-visual-editor)

* * *

原文：https://www.appinn.com/web-visual-editor-for-vscode/

小众软件居然还有一个 [VS Code 分类](https://www.appinn.com/category/vs-code/) 😂