VSCode与WebStorm函数识别差异：如何让WebStorm将变量赋值的函数标为蓝色？

你可以通过调整WebStorm的语法配色规则，让赋值给变量的函数（比如函数表达式、箭头函数）的名称显示为函数颜色，步骤如下：

• 打开WebStorm设置：点击顶部菜单栏的File > Settings（Windows/Linux）或WebStorm > Settings（Mac），进入Editor > Color Scheme，选择你使用的语言（比如JavaScript、TypeScript）。
• 定位函数表达式相关选项：在左侧的语法列表中，找到Function expression（如果是箭头函数，还需找到Arrow function），这类选项对应赋值给变量的函数定义。
• 统一颜色设置：将Function expression和Arrow function的前景色设置为你自定义的函数蓝色（和你设置的Function选项颜色一致）。
• 保存生效：点击Apply再点击OK，此时赋值给变量的函数名称就会和VSCode一样显示为蓝色。

效果对比 #

• WebStorm原效果：赋值给变量的函数名称显示为粉色（变量配色）
• VSCode效果：赋值给变量的函数名称显示为蓝色（函数配色）

内容的提问来源于stack exchange，提问作者dordos