VSCode中部分代码显示为灰色是什么原因?有没有无需修改settings.json的解决办法?
VSCode HTML文件style标签后代码全灰无需修改settings.json的解决方法
- 检查style标签的闭合状态
确认是否漏写</style>闭合标签,或者闭合标签存在拼写错误(比如误写为</stlye>),这类语法问题会导致VSCode语法解析器误判后续所有内容属于style内部的文本,触发全灰显示。 - 排查style内部的CSS语法错误
检查style标签内的CSS代码是否存在未闭合的大括号、引号、注释,比如漏写}、单/双引号只写了前半段、注释只写了/*没写*/,这类错误也会导致解析器认为样式内容未结束,后续HTML代码被识别为异常CSS内容灰显,修复对应语法问题即可恢复。 - 重载VSCode窗口
按下Ctrl+Shift+P(Mac设备按下Cmd+Shift+P)调出命令面板,搜索并执行Developer: Reload Window命令,重载窗口可以清除临时的语法解析缓存,解决偶发的解析异常问题。 - 临时切换语言模式再复位
点击VSCode右下角状态栏显示的「HTML」语言模式标识,先切换为「纯文本(Plain Text)」,等待1-2秒后再次切回「HTML」,触发解析器重新全量扫描当前文件的语法结构。 - 临时禁用相关第三方扩展
如果你安装了第三方HTML/CSS高亮、格式化、语法校验类扩展,可以在扩展栏找到对应扩展,点击「禁用」后再重新启用,无需修改任何配置即可解决扩展临时bug导致的高亮异常。
内容的提问来源于stack exchange,提问作者Proking73Questioneer
相关产品推荐
相关产品推荐

