VSCode工具小技巧--如何添加VScode代码自动补全提示

最新推荐文章于 2025-07-20 17:48:38 发布

stalin_

最新推荐文章于 2025-07-20 17:48:38 发布

阅读量2.7w

点赞数 18

CC 4.0 BY-SA版权

分类专栏：开发工具使用技巧文章标签： VSCode 自动补全代码

本文链接：https://blog.csdn.net/stalin_/article/details/106457874

开发工具使用技巧专栏收录该内容

10 篇文章

订阅专栏

本文分享了如何在VSCode中进行前端开发环境的优化设置，包括解决HTML标签自动提示缺失的问题，通过简单的四步操作，提升开发效率，让前端工作更加顺畅。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一个老developer在刚开始使用VSCode学习前端感觉很抓狂，写Html标签竟然没有自动提示，这不是逼死强迫症嘛~~ 所以必须要搞一下子。在结合了一顿百度搜索之后，聪明的我终于知道该怎么修改了。下面给大家分享一下~

其实很简单，只需要四步操作。

1. 点击-File-Preferences-settings。

2.在settings中搜索 Suggest:Snippets Prevent Quick Suggestions ，去掉勾选。

3.还是在settings中搜索Associations，选择Files对应的这个settings.json并编辑。

4.将这段内容粘贴到settings.json，然后Ctrl+s保存后退出即可。

{
    "window.zoomLevel": 0,
    "terminal.integrated.rendererType": "dom",
    "files.associations": {
        
        "*.vue":"html"
    },
    "editor.suggest.snippetsPreventQuickSuggestions": false
}

现在，我们在编写html标签，style样式，css属性等前端内容就有提示啦~~感觉强迫症一下又好了~~

喜欢的朋友请留下一个赞哦~~