在webstorm中关闭javascript注释斜体:进入settings → editor → color scheme → language defaults → comments,取消line/block/documentation comment的italic勾选,apply生效;注意检查当前配色方案及文件类型对应项。

WebStorm 默认把注释设为斜体,但多数人写代码时并不需要这种视觉强调——它反而干扰扫读、降低可读性,尤其在深色主题下。直接关掉就行,不用动配色方案或装插件。
怎么关掉 JavaScript 注释的斜体
斜体控制不在「字体」设置里,而在「配色方案」中。很多人翻遍「外观与行为 → 字体」却找不到开关,就是因为路径错了。
- 按
Ctrl+Alt+S(Windows/Linux)或Cmd+,(macOS)打开设置 - 进入
Editor → Color Scheme → Language Defaults - 展开
Comments节点,逐个选中:Line comment、Block comment、Documentation comment - 对每一项,取消勾选右侧的
Italic复选框 - 点击
Apply生效
为什么改了没反应?常见失效场景
改完发现注释还是斜体,大概率是以下三个原因中的一个:
- 你当前用的不是默认配色方案(比如用了
Dracula或自定义方案),得去对应方案里改,而不是Language Defaults -
Documentation comment有时被归类到JavaDoc或PHPDoc下,取决于你当前文件类型;如果 JS 文件里没生效,试试在JavaScript子项里再找一遍 - 某些老旧版本(如 2020.1 之前)会把注释样式继承自
Default text,这时要先取消Inherit values from勾选,再关斜体
要不要连文档注释(/** */)一起关斜体?
建议关。文档注释不是装饰,是结构化信息,斜体反而弱化了 @param、@returns 这类标签的识别度。而且 WebStorm 的文档注释高亮靠的是颜色和缩进,不靠斜体。
- 如果你启用了
Code Folding → Documentation comments,折叠后的摘要行仍会显示为常规字体,不影响阅读效率 - Live Template 生成的文档注释(如输入
/**+ 回车)内容也默认走这个样式,关斜体后整体会更统一 - 注意:关掉斜体后,
@deprecated这类带删除线的样式不受影响,该标灰还标灰
真正容易被忽略的是配色方案绑定关系——字体和颜色样式都依附于当前激活的配色方案,换主题或导入别人导出的 .icls 文件时,斜体设置可能被重置。每次切方案后,最好快速扫一眼 Comments 项是否又被勾上了。











