如何修改VSCode中JSDoc/TSDoc标签的IntelliSense格式?
修改VSCode中JSDoc/TSDoc标签的IntelliSense显示格式
要让@property和@param标签的IntelliSense显示格式一致,目前没有官方直接的配置项,但可以通过以下两种方式实现:
1. 升级TypeScript版本
VSCode的JS/TS IntelliSense由TypeScript语言服务驱动,部分新版本的TypeScript已经调整了@property标签的显示格式,使其与@param统一。操作步骤:
- 点击VSCode右下角状态栏的TypeScript版本号
- 在弹出的选项中选择"Use Workspace Version"(若已安装最新版TS)或"Use Latest Available Version",重启VSCode后查看效果
2. 自定义VSCode CSS渲染(进阶)
如果升级TS后仍未解决,可以通过自定义CSS调整IntelliSense的样式布局:
- 安装VSCode扩展
Custom CSS and JS Loader - 创建自定义CSS文件,添加如下规则(根据实际显示结构调整选择器):
/* 调整@property标签的emdash位置,与@param对齐 */ .monaco-editor .suggest-widget .doc-property-name::after { content: " — "; margin-left: 4px; } .monaco-editor .suggest-widget .doc-property::before { content: none; }
- 在VSCode设置中添加
vscode_custom_css.imports,指向你的自定义CSS文件路径 - 按Ctrl+Shift+P执行"Reload Custom CSS and JS"命令,重启VSCode生效
注意:自定义CSS的方式可能会因VSCode版本更新而失效,需要定期调整选择器。
内容的提问来源于stack exchange,提问作者DaveyJake
相关产品推荐
相关产品推荐

