VSCode推荐插件:Copy Class Name快速复制html中的类名

插件地址:https://marketplace.visualstudio.com/items?itemName=mouday.copy-class-name

复制Vue和React中HTML代码的类名,实现快速复制

使用方式:

选中代码,右键复制类名,再粘贴到文件中即可

示例

html 复制代码
<div class="test">
    <div class="text-children"></div>
</div>

或者

html 复制代码
<div className="test">
    <div className="text-children"></div>
</div>

输出

复制代码
.test {}

.text-children {}
相关推荐
Thanks_ks10 小时前
【第 006 讲】搭建 PyCharm 开发环境:PyCharm 的下载与安装 | 初始设置与常用配置
ide·python·pycharm·开发工具·jetbrains·开发环境·集成开发环境
Ravenq~11 小时前
无头转换:把 .docx 变成 PDF,不打开编辑器
pdf·编辑器
usdoc文档预览1 天前
USDOC系列之PPT文件在线编辑-VUE前端实现在线浏览器在线编辑PPT文档
前端·vue.js·编辑器·office365·ppt在线编辑·office文件在线编辑·文件在线编辑
寂寞的船1 天前
【Unity知识速递】第4期 MCP for Unity:用 AI 自然语言控制编辑器
人工智能·unity·编辑器
寂寞的船1 天前
【Unity知识速递】第6期 URP性能优化完全指南:从内存到GPU的三维调优
unity·性能优化·编辑器
浮尘笔记2 天前
JetBrains差异设置被自动勾选的排查与根治实录
经验分享·程序人生·编辑器·intellij idea·phpstorm·webstorm
Dream-Y.ocean2 天前
鸿蒙PC平台逻控 PLC 编辑器适配实战:基于 Electron 壳方案的纯 JavaScript 梯形图编程与仿真引擎开发
javascript·编辑器·harmonyos
独隅2 天前
WebStorm macOS 安装部署与高效调优实战指南
ide·macos·webstorm
golang学习记2 天前
IDEA 2026.3 远程开发迎来重磅升级
java·ide·intellij-idea·远程开发
NextTech_3 天前
不想学 vim,怎么改服务器上的配置文件?
服务器·编辑器·vim