vscode html代码补全
时间: 2023-12-03 09:29:10 浏览: 242
Vscode插件(全)
要在VS Code中启用HTML代码补全功能,你可以按照以下步骤操作:
1. 打开VS Code并进入设置界面。你可以点击菜单栏中的“文件”选项,然后选择“首选项”下的“设置”,或者直接使用快捷键Ctrl + ,来打开设置界面。
2. 在设置界面中,搜索框中输入“settings.json”,并点击“打开设置(JSON)”按钮,进入设置文件的JSON编辑模式。
3. 在打开的settings.json文件中,你需要添加一些代码来配置HTML代码补全。在原有的大括号中间添加以下代码:
"files.associations": {
"*.vue":"html"
},
"emmet.triggerExpansionOnTab": true,
"emmet.includeLanguages": {
"vue-html":"html",
"vue":"html"
}
注意,这段代码的作用是将.vue文件关联到HTML语言,并且在按下TAB键时触发代码补全功能。
4. 保存设置文件,然后重启VS Code使更改生效。
5. 现在,你可以在任意HTML文件中输入内容,比如输入"html",然后按两次TAB键,第一次按下TAB键将会出现代码补全选项,第二次按下TAB键将会生成键值对。
通过以上步骤,你就可以在VS Code中启用HTML代码补全功能了。这将提高你的代码编写效率并减少错误。享受编码的乐趣吧!
阅读全文