HTML 中 CSS Class 智能提示
网上找到以下操作,但是无效
- 安装插件:HTML CSS Support
- 在项目设置setting.json中添加以下代码:
"editor.parameterHints": true,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
经过对HTML CSS Support的介绍研究,发现还需要在vscode自身的setting.json进行修改
找到HTML CSS Support插件,点击齿轮图标,点击扩展设置
如上图所示,有两个选项,第一个是要显示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之类的设置也没有效果,不知道怎么弄,知道了的话我后面再更新吧