---
title: "Web Visual Editor - 实时可视化编辑 HTML 文件[VS Code 扩展]"
date: 2024-11-26T08:04:52Z
modified: 2024-11-27T02:13:25Z
permalink: "https://www.appinn.com/web-visual-editor-for-vscode/"
type: post
status: publish
excerpt: ""
categories:
  - VS Code
tags:
  - VS Code
  - HTML
  - 实时预览
featured_image: "https://www.appinn.com/wp-content/uploads/2024/11/Appinn-Feature-images-2024-11-26T153653.151.jpg"
author: 青小蛙
timestamp: 2024-11-27T02:13:25Z
---

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

![](https://www.appinn.com/wp-content/uploads/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/?output_format=md) 😂

## Topics

**分类目录:** [VS Code](https://www.appinn.com/category/vs-code/?output_format=md)

**标签:** [HTML](https://www.appinn.com/tag/html/?output_format=md), [实时预览](https://www.appinn.com/tag/%e5%ae%9e%e6%97%b6%e9%a2%84%e8%a7%88/?output_format=md)