首页 前端知识 vscode写html不会自动补全

vscode写html不会自动补全

2024-08-15 22:08:48 前端知识 前端哥 739 915 我要收藏

解决VSCode中HTML自动补全功能不工作的问题,可以通过以下几种方法之一进行解决:12

  1. 通过VSCode的Settings进行配置:

    • 打开VSCode的Settings(通过点击左下角的设置图标或使用快捷键Ctrl+Shift+PCmd+Shift+P打开命令面板,然后输入settings并选择)。
    • 在Settings中,找到Text Editor下的Suggestions部分,确保Suggest的复选框被选中。
    • 此外,可以在Files部分,点击Edit in settings.json选项,然后在associations里面加入.html内容,这样输入.html内容时就会自动补全标签了。
  2. 安装Auto Rename Tag扩展插件:

    • 打开VSCode,在左侧找到扩展图标并点击。
    • 在搜索输入框内输入Auto Rename Tag,回车搜索。
    • 在列表中找到Auto Rename Tag插件并点击安装。安装完成后,打开.html文件,修改前面的标签名就可以看到后面的标签名自动补全了。
  3. 通过修改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自动补全功能应该能够正常工作。
  4. 启用Emmet的Tab补全功能:

    • 在VSCode的Settings中,搜索并找到emmet.triggerExpansionOnTab设置。
    • 确保该设置被设置为true,这样在输入HTML时按下Tab键就可以触发Emmet的自动补全功能。

通过上述任一方法,都可以解决VSCode中HTML自动补全功能不工作的问题。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/15674.html
标签
评论
发布的文章

JQuery 详细教程

2024-08-21 22:08:08

jQuery2 高级教程(八)

2024-08-21 22:08:06

jQuery Spellchecker 使用教程

2024-08-21 22:08:50

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!