关于vsCode H5页面在标签上写css样式没有提示的问题

原创已于 2022-05-06 16:01:55 修改 · 7.6k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2022-04-01 10:52:40 首次发布

4 篇文章

订阅专栏

本文分享了新手如何在VSCode中解决H5页面标签上样式提示问题，方法包括取消'防止活动代码段时禁用快速建议'设置和安装'css-class-intellisense'插件，助您提高调试效率。

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

关于vsCode H5页面在标签上写样式提示的问题

有些新手刚刚换vscode使用的时候发现在标签上写样式没有提示（有时候方便调试就在标签上写样式）
我刚刚解决了就把这个方法给大家参考一下，希望能帮到你们。

在这里插入图片描述

方法1

:在vscode左下角点击设置，然后搜索prevent，把 ‘控制活动代码段时候禁止快速建议’这个选项的勾选取消（不要勾选）

在这里插入图片描述
方法2：

下载这个插件 ‘css-class-intellisense’

在这里插入图片描述

安装完成后打开命令面板

在这里插入图片描述

搜索settings并打开

在这里插入图片描述

然后加入这段代码，注意上面要有逗号分隔，嫌麻烦敲的同学，下面贴好了代码，可以自行复制粘贴

在这里插入图片描述

这里可以复制

"editor.parameterHints":true,
    "editor.quickSuggestions": {
        "other": true,
        "comments": true,
        "strings": true
    }