解决VSCode中HTML自动补全功能不工作的问题,可以通过以下几种方法之一进行解决:12
-
通过VSCode的Settings进行配置:
- 打开VSCode的Settings(通过点击左下角的设置图标或使用快捷键
Ctrl+Shift+P
或Cmd+Shift+P
打开命令面板,然后输入settings
并选择)。 - 在Settings中,找到
Text Editor
下的Suggestions
部分,确保Suggest
的复选框被选中。 - 此外,可以在
Files
部分,点击Edit in settings.json
选项,然后在associations
里面加入.html
内容,这样输入.html
内容时就会自动补全标签了。
- 打开VSCode的Settings(通过点击左下角的设置图标或使用快捷键
-
安装Auto Rename Tag扩展插件:
- 打开VSCode,在左侧找到扩展图标并点击。
- 在搜索输入框内输入
Auto Rename Tag
,回车搜索。 - 在列表中找到
Auto Rename Tag
插件并点击安装。安装完成后,打开.html
文件,修改前面的标签名就可以看到后面的标签名自动补全了。
-
通过修改settings.json文件:
- 打开VSCode的设置,搜索
emmet
。 - 找到并编辑
settings.json
文件,将以下代码粘贴并保存:"editor.suggest.snippetsPreventQuickSuggestions": false,
"editor.quickSuggestionsDelay": 100,
"editor.quickSuggestions": null,
"window.zoomLevel": 0,
"terminal.integrated.rendererType": "dom",
"files.associations": { "*.vue": "html" }
- 保存后,HTML自动补全功能应该能够正常工作。
- 打开VSCode的设置,搜索
-
启用Emmet的Tab补全功能:
- 在VSCode的Settings中,搜索并找到
emmet.triggerExpansionOnTab
设置。 - 确保该设置被设置为
true
,这样在输入HTML时按下Tab键就可以触发Emmet的自动补全功能。
- 在VSCode的Settings中,搜索并找到
通过上述任一方法,都可以解决VSCode中HTML自动补全功能不工作的问题。