HTML 中 CSS Class 智能提示

HTML 中 CSS Class 智能提示
网上找到以下操作,但是无效

  1. 安装插件:HTML CSS Support
  2. 在项目设置setting.json中添加以下代码:
 "editor.parameterHints": true,
"editor.quickSuggestions": {
    "other": true,
    "comments": true,
    "strings": true

经过对HTML CSS Support的介绍研究,发现还需要在vscode自身的setting.json进行修改
找到HTML CSS Support插件,点击齿轮图标,点击扩展设置
HTML 中 CSS Class 智能提示
HTML 中 CSS Class 智能提示
如上图所示,有两个选项,第一个是要显示css提示的语言,所以这里要配置html;第二个是提示来源,就是设置css文件的路径,可以是网络css文件的地址,也可以用vscode自带的变量。
综上所述,在setting.json最后(最后一个右花括号前面)添加以下代码
添加如下:

{
    ······
    "css.styleSheets": [
        // "https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css",
        "../css/layout.css",
        // "${fileBasenameNoExtension}.css"
    ],
    "css.enabledLanguages": [
        "html"
    ]
}

本来我这里是有一个文件夹css放了所有的css的,想让css文件夹里面所有的css文件都能进入提示,但是我用了*.css之类的设置也没有效果,不知道怎么弄,知道了的话我后面再更新吧

上一篇:Eslint报错解决合集


下一篇:‘vue‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。安装vue无效