VS Code编写CSS文件的自动提示

最新推荐文章于 2024-09-09 11:03:57 发布

scott嘻嘻

最新推荐文章于 2024-09-09 11:03:57 发布

阅读量8.5k

点赞数 5

分类专栏：前端软件文章标签： css html visual studio code

本文链接：https://blog.csdn.net/jiongshaopeng/article/details/112651315

版权

2 篇文章 0 订阅

订阅专栏

功能：HTML中新定义的id和class，在编写CSS文件时，智能提示id和class。

步骤

VS Code扩展中搜索：HTML to CSS autocompletion
点击安装
出现问题：使用时，我们会发现没有所需要的baidu.html文件里面定义的id和class提示，而是提示了工作区里其他html文件的id和class
添加路径：在扩展里找到HTML to CSS autocompletion >> 点击外观跟手机里“设置”一样的小齿轮 >> 点击“扩展设置” >> 找到黑色粗字体的“HTML-to-CSS-autocompletion: Include Pattern”：在其下方输入框内输入“**/{baidu.html}” >> 恭喜你完成啦
回到CSS文件，继续使用，检查效果（在使用时，发现要是没有先敲“#”而是直接敲”h“的话，是没有提示的），这时的提示正是从baidu.html文件里拿到的id和class。

在使用VS Code的时候，可以搜一下插件，要是在网上没找到用哪个插件，可以直接在VS Code输入关键的信息进行查找，然后一个个插件看功能或安装试试看（比如这次问题，在插件里搜”CSS“、”class“）。
在解决这个智能提示时，看到大部分方法都是从CSS提示到HTML里的，应该是实际开发使用现成框架，目前我还没有学到这一块。
在这个解决方法中只是解决了当前问题，每次使用还要针对不同的HTML文件进行修改，我没有找到一个更好的方法，纯属抛砖引玉，希望大家有更好的方法在评论区一起交流哦！谢谢大家！！！