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

vscode如何快速补全div标签

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

vscode如何快速补全div标签

1、首先安装插件

fb23f3597369219e6c5d01bed6b1a59.png

2、配置files.associations对象

404be9fbe55773a6b3dbebb10e8de9c.png

打开后如下所示：

fe0d3900a4e2e1c17fd6e65441446af.png

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

cf66d7565dc738d743f79c725685199.png

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

NetShop网店系统
NetShop网店系统

NetShop软件特点介绍： 1、使用ASP.Net(c#)2.0、多层结构开发 2、前台设计不采用任何.NET内置控件读取数据，完全标签化模板处理，加快读取速度3、安全的数据添加删除读取操作，利用存储过程模式彻底防制SQL注入式攻击4、前台架构DIV+CSS兼容IE6,IE7,FF等，有利于搜索引挚收录5、后台内置强大的功能，整合多家网店系统的功能，加以优化。6、支持三种类型的数据库：Acces

NetShop网店系统 0
查看详情 NetShop网店系统

ca89a2542c6781bc40bf05890bcff6a.png

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

7cec67afd74a193c1ce58c0bf1d390c.png

保存后，回到js文件，打

标签，自动补全，代码生效。

提示：如果你想补全的文件不是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
作者最新文章
最新问题
GitLens for VSCode深度教程：重新定义你的Git工作流 GitLens是将Git历史与上下文深度集成到VSCode编辑器的高效工具，通过行级blame、文件热图、交互式提交图谱和智能搜索等功能，让代码“开口说话”，显著提升查问题、追改动、理解代码和CodeReview效率。
2025-12-21 20:16:02
451
配置你的VSCode以进行高效Python开发 VSCode高效开发Python需四步：装Python官方扩展、Pylance等核心插件；手动指定解释器路径；配置launch.json实现一键调试；设置Black自动格式化与保存即整理import。
2025-12-21 20:16:02
973
在VSCode中编写PowerShell脚本的最佳实践 VSCode写PowerShell脚本需配置官方扩展、PSScriptAnalyzer和模块化结构。装Microsoft官方扩展并指定PowerShell7.x版本；启用PSScriptAnalyzer实时检查命名、错误处理与安全风险；按Public/Private/Tests目录拆分脚本，配.psd1清单以支持智能补全；辅以简单Pester测试实现高效调试。
2025-12-21 20:15:10
422
使用VSCode进行远程结对编程(Live Share) VSCodeLiveShare实现轻量高效远程结对编程，支持实时编辑、调试、终端共享及服务器共跑。双方安装扩展后，发起者分享链接，被邀方点击即入会，无需同账号或防火墙配置，通过微软加密中继连接。
2025-12-21 20:10:02
462
VS Code快捷键备忘单：初学者必备 掌握高频快捷键可大幅提升效率：Ctrl+N/S/Z/Y/C/V/X实现新建、保存与编辑；Ctrl+P/F快速打开和查找文件；Ctrl+Click与Alt+←/→用于代码跳转；Ctrl+D/L和Shift+Alt+I支持多光标批量编辑；Ctrl+`、F5、Ctrl+Shift+B分别呼出终端、调试和构建任务；Ctrl+Shift+E聚焦资源管理器，减少鼠标依赖，熟练后操作更快。
2025-12-21 20:05:02
566
深入了解VSCode的IntelliSense智能代码补全 VSCode的IntelliSense是基于语义分析与语言服务的智能提示系统，支持类型推断、函数签名展示、JSDoc解析及来源标识；需配置jsconfig.json/tsconfig.json、安装正确扩展并信任工作区以提升准确性。
2025-12-21 20:01:02
216
VSCode中的扩展包(Extension Packs)：一键安装系列插件 ExtensionPack是VSCode中预打包的扩展集合，本身不提供功能，仅声明依赖的真实扩展，安装后自动下载并启用所列插件。
2025-12-21 19:57:32
292
VSCode中的拼写检查插件推荐与配置 VSCode通过CodeSpellChecker插件可实现多语言拼写检查，支持注释、字符串及Markdown实时校验；需配置language、words、enabledLanguageIds等项，并推荐项目级.cspell.json统一管理。
2025-12-21 19:56:02
449
VSCode中的Git Tag管理 VSCode通过Git命令和扩展支持Tag管理：需先Fetchalltags才能在状态栏查看并检出；创建用Git:CreateTag；推送/删除须在终端执行；推荐GitLens或GitGraph扩展提升体验。
2025-12-21 19:53:53
827
VSCode与GitHub Actions：在编辑器中管理CI/CD 可在VSCode中通过安装GitHubActions扩展、创建.github/workflows目录结构、使用gha代码片段生成模板、启用语法检查及跳转GitHub查看日志来配置调试管理工作流。
2025-12-21 19:53:02
128
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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

  • PHP学习

  • 技术支持

  • 返回顶部