微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > 开发工具 > VSCode > 正文

vscode如何快速补全div标签

王林
发布： 2019-12-31 13:24:55
原创
5784人浏览过

vscode如何快速补全div标签

1、首先安装插件

fb23f3597369219e6c5d01bed6b1a59.png

2、配置files.associations对象

404be9fbe55773a6b3dbebb10e8de9c.png

打开后如下所示：

fe0d3900a4e2e1c17fd6e65441446af.png

在Comm Used列表中找到"files.associations": {}

cf66d7565dc738d743f79c725685199.png

点击左边的edit按钮，在右边的编辑框编辑，结果如图：

标小兔AI写标书
标小兔AI写标书

一款专业的标书AI代写平台，提供专业AI标书代写服务，安全、稳定、速度快，可满足各类招投标需求，标小兔，写标书，快如兔。

标小兔AI写标书 40
查看详情 标小兔AI写标书

ca89a2542c6781bc40bf05890bcff6a.png

同样，在Workspace settings里也做更改，如下图所示：

7cec67afd74a193c1ce58c0bf1d390c.png

保存后，回到js文件，打<div>标签，自动补全，代码生效。

提示：如果你想补全的文件不是js文件，而是其他后缀，比如.vue文件，直接把文件后缀加到list后面即可。

比如：

{
    "emmet.triggerExpansionOnTab": true,
    "files.associations": {
        "*.js": "html",
        "*.vue": "html"
    }
}
登录后复制

相关文章教程推荐：vscode教程

以上就是vscode如何快速补全div标签的详细内容，更多请关注php中文网其它相关文章！

相关标签：
vscode JS 对象 vscode

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：vscode如何修改终端 下一篇：vscode如何预览md文件
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
vscode怎么用git恢复文件_vscode通过git恢复误删或修改文件的方法 可通过Git历史记录恢复文件。在VSCode中，利用源代码管理面板或Timeline视图找到文件历史版本，右键选择ReverttoThisVersion；或使用终端执行gitcheckout命令恢复指定版本；安装GitLens插件可增强可视化恢复功能；若文件曾暂存，可用gitfsck找回丢失对象并手动恢复。
2025-11-07 12:15:28
718
配置VSCode用于Spring Boot开发 使用VSCode开发SpringBoot项目可行，需安装SpringBootExtensionPack、JavaExtensionPack等插件，配置JDK和Maven环境，通过SpringInitializr创建或导入项目，运行时可使用“Run|Debug”按钮或mvn命令，配合自动编译、代码格式化、热部署等设置提升效率。
2025-11-07 11:00:02
972
VSCode用户代码片段配置教程 首先打开命令面板输入Preferences:ConfigureUserSnippets，选择语言或创建全局片段后编辑JSON文件，定义名称、prefix触发词、body内容及描述，支持$1、$2光标定位与时间变量等，保存后在对应文件中输入prefix即可触发插入，提升编码效率。
2025-11-07 10:22:03
987
vscode怎么格式化压缩过的css代码_vscode格式化压缩css并恢复可读性的方法 使用Prettier格式化CSS代码可恢复可读性，安装Prettier扩展后右键选择“格式化文档”或使用快捷键Shift+Alt+F，配合“保存时自动格式化”功能提升效率。
2025-11-07 10:11:02
673
vscode怎么全局搜索语言包_vscode在语言包与国际化文件中全局搜索的教程 使用Ctrl+Shift+F全局搜索，结合路径过滤如locales/*/.json限定范围，通过正则或全词匹配精准查找i18n文件中的翻译key，并借助i18nAlly插件提升多语言管理效率。
2025-11-07 09:59:03
186
32位vscode怎么卸载干净_vscode32位卸载与所有关联文件删除教程 先卸载程序再删配置文件和注册表项，彻底清除32位VSCode。1.控制面板卸载主程序；2.删除%APPDATA%\Code、%USERPROFILE%.vscode、%LOCALAPPDATA%\Programs\MicrosoftVSCode及缓存文件夹；3.可选清理注册表HKEY_CURRENT_USER\Software\Microsoft\VSCode等路径；4.手动删除开始菜单、桌面快捷方式及任务栏固定图标，确保无残留。
2025-11-07 09:49:02
137
vscode怎么用git撤销更改_vscode撤销未提交git更改的详细方法 1、可通过VSCode源代码管理面板右键文件选择“放弃更改”来撤销单个文件修改；2、在源代码管理面板点击“…”选择“放弃所有更改”可批量恢复全部未提交的改动；3、使用命令面板输入“Git:DiscardChanges”命令，按提示选择文件完成撤销操作；4、在集成终端执行gitcheckout--或gitcheckout--.命令可精准撤销指定或全部文件的更改。
2025-11-07 09:39:02
592
在VSCode中调试前端JavaScript代码（Chrome调试器） 答案是配置VSCode结合Chrome调试前端JS代码需安装DebuggerforChrome扩展，创建launch.json文件并正确设置url、webRoot和sourceMapPathOverrides，确保本地服务运行后通过F5启动调试，可实现断点调试与变量查看。
2025-11-07 08:11:02
212
vscode怎么集成浏览器运行HTML_vscode与浏览器联动运行HTML的设置教程 安装LiveServer插件可实现HTML文件在浏览器中实时预览，编辑保存后自动刷新；2.通过右键选择OpenwithLiveServer即可启动本地服务器并打开页面；3.可在设置中指定默认浏览器如chrome；4.无需插件时可通过复制文件路径手动在浏览器打开。推荐使用LiveServer提升开发效率。
2025-11-07 08:08:02
816
vscode32位卸载后怎么清理_vscode32位卸载残留文件与注册表清理教程 卸载VSCode32位后需清理残留文件与注册表项。1.删除用户目录下AppData\Roaming\Code和AppData\Local\Code文件夹及原安装目录；2.备份后通过regedit删除HKEY_CURRENT_USER\Software\Microsoft\VisualStudioCode等注册表项；3.手动移除开始菜单、桌面快捷方式，必要时重建图标缓存；4.可选RevoUninstaller等工具扫描残留。操作后可彻底清除痕迹，重装建议使用64位版本。
2025-11-07 08:05:02
805
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部