VS Code中HTML div类名显示为省略号的问题求助
解决VS Code中HTML/CSS类名输入时显示为省略号的问题
调整编辑器行宽与分词长度设置
打开VS Code设置(快捷键Ctrl+,或Cmd+,),分别搜索以下选项并调整:editor.wordWrapColumn:将数值调至120以上,或设为0让编辑器自动适配窗口宽度,避免长类名被强制换行截断。editor.maxTokenizationLineLength:确保该值足够大(建议设为2000或更高),防止长标识被编辑器的分词机制截断。
排查冲突扩展
暂时禁用所有第三方扩展(重点是HTML/CSS相关的智能提示、格式化类扩展),重启VS Code后测试类名显示是否正常。如果恢复,逐个重新启用扩展,找出引发问题的扩展后更新或卸载它。调整HTML语言服务配置
在设置中搜索并调整以下HTML相关选项:- 确保
html.suggest.classes处于启用状态,没有异常的过滤规则。 - 添加或修改
"html.completion.maxItems": 100(可根据需求调整数值),增大提示项的显示数量,避免因提示列表长度限制导致类名被省略。
- 确保
检查字体与渲染设置
- 尝试切换编辑器字体(例如从默认的Consolas更换为Monaco、Fira Code等),部分字体对长文本的渲染兼容性较差。
- 关闭硬件加速:打开命令面板(
Ctrl+Shift+P或Cmd+Shift+P),输入Toggle Hardware Acceleration执行操作,重启编辑器后测试。
内容的提问来源于stack exchange,提问作者Kenny N
相关产品推荐
相关产品推荐

