VSCode开发时HTML类名显示为省略号,如何设置完整显示?
解决VS Code中HTML Class名显示省略号的问题
调整编辑器的tokenization长度限制:
- 打开VS Code设置(快捷键
Ctrl+,/Cmd+,) - 搜索
editor.maxTokenizationLineLength,将默认值(一般为2000)修改为更大的数值(比如5000),让编辑器支持更长的行内容完整渲染,避免截断class名称。
- 打开VS Code设置(快捷键
排查扩展干扰:
部分HTML/CSS类扩展(如格式化、高亮插件)可能会限制class名的显示长度,可暂时禁用近期新增的扩展,确认是否是扩展导致的截断问题。调整编辑器换行与宽度设置:
- 在设置中搜索
word wrap,将其设置为off,或者把wordWrapColumn的值调大; - 搜索
editor.lineDecorationsWidth,适当增大该参数,给标签栏预留足够宽度来显示完整的class名。
- 在设置中搜索
内容的提问来源于stack exchange,提问作者ED Wu
相关产品推荐
相关产品推荐

