简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首页 > 开发工具 > VSCode > 正文

vscode设置html标签代码补全

王林
发布： 2019-12-30 15:31:27
原创
4183 人浏览过

vscode设置html标签代码补全

1、安装插件

ff000d5c3ce566a429ac2e5f11120d7.png

2、配置files.associations对象

35082bfd2aac435a025ba665aa1f58a.png

打开后页面如下：

3cfd5b7cd9ee50e2489b075fa5f507b.png

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

db402df3afa9e5974717a4c06215a44.png

点击左边的edit按钮，在右边的编辑框编辑，原来是

eb240b54448d4fc3773e05d70d41a32.png

添加一行

a84ccacf3d6546415705c36ce3b141a.png

同样，在Workspace settings里也做更改，原来是

b9286b4a427fb1d2a8375f4b1554562.png

添加

5bd7dc5911851c3e1db6a68cd8358b9.png

保存后，回到js文件，打

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

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

比如：

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

要记得两个setting都要加。

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

以上是vscode设置html标签代码补全的详细内容。更多信息请关注PHP中文网其他相关文章！

相关标签：
html vscode 补全 设置
来源：php.cn
上一篇：vscode扩展放哪了？ 下一篇：vside和vscode的区别是什么？
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
来自于 2024-04-06 21:58:04
0
1
800
数独检查器无法工作？谁能帮我识别错误？ 我尝试了在线编辑器上的所有方法，但仍然收到错误。但当我在我的机器上的VSCode上执行此操作时，它工作正常。我很困惑，在没有发现错误的情况下无法提交代码。我不知道该去哪里寻找了。我...
来自于 2024-04-06 21:21:07
0
1
474
我的网页在 HTML 中有标题，但不可见 所以我刚刚开始编码，所以不要评判我。我试图使用vscode创建我的网站，我使用html和css，但是我试图放在代码左上角的标题和按钮没有显示在浏览器上，我在网络上搜索并可以似乎不明...
来自于 2024-04-01 18:24:53
0
1
364
如何自定义 VSCode id 属性？ 我最近从Atom迁移到VSCode，虽然我设法根据自己的喜好自定义大部分编辑器，但我仍然缺少一些我喜欢的Atom功能。其中之一是Atom中的“id”属性曾经是一种特定的颜色，类似于...
来自于 2024-03-31 14:13:45
0
1
373
/bin/sh: 1: C:xamppphpphp.exe: 未找到 我正在使用WSL2、Ubuntu20.04并运行VSCode。我在Windows上的VSCode和XAMPP中使用CodeRunner扩展我在Windows环境变量中设置了php....
来自于 2024-03-31 09:10:37
0
1
333
相关专题
更多>
热门推荐
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网：公益在线PHP培训，帮助PHP学习者快速成长！