在 vscode 中显示自定义 css 属性色块
在浏览器控制台中,自定义 CSS 属性会被高亮显示为色块,便于识别和编辑。但在 VSCode 中,这些色块却默认不会显示。这篇文章将介绍一个扩展,可以解决这个问题,轻松在 VSCode 中显示自定义 CSS 属性色块。
CSS Variable Autocomplete
CSS Variable Autocomplete 是一个 VSCode 扩展,可自动完成自定义 CSS 变量并显示其色块。安装此扩展后,当您在 CSS 代码中输入自定义变量时,VSCode 会自动弹出建议列表,其中包含该变量及其相应的色块。
使用方式
立即学习“前端免费学习笔记(深入)”;
在 VSCode Marketplace 中搜索并安装 CSS Variable Autocomplete 扩展。重新加载 VSCode。在 CSS 文件中输入自定义变量,例如 –primary-color。VSCode 将显示建议列表,其中包含 –primary-color 和其相应的色块。
这样一来,您就可以在 VSCode 中轻松查看和编辑自定义 CSS 属性了。
以上就是如何在 VSCode 中显示自定义 CSS 属性色块?的详细内容,更多请关注【创想鸟】其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。
发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2804123.html