按Ctrl+Alt+J(Win/Linux)或Cmd+Alt+J(macOS)可将字符串拼接式如"hello "+name+"!"转为hello ${name}!,仅在JS/TS文件生效且要求纯拼接;选中var关键字后按Ctrl+Shift+R(Win/Linux)或Cmd+Shift+R(macOS)可安全替换为const/let,WebStorm智能识别作用域避免误改。

怎么用快捷键把字符串转成模板字面量
直接选中字符串内容(比如 "hello " + name + "!"),按 Ctrl + Alt + J(Windows/Linux)或 Cmd + Alt + J(macOS),WebStorm 会自动把它转成 `hello ${name}!`。这个操作只在 JavaScript/TypeScript 文件里生效,且要求字符串是纯拼接、不含复杂表达式(如嵌套三元或函数调用)。如果选中的是带引号的单个字符串字面量(如 "abc"),它会加反引号但不插 ${}——只有检测到拼接结构时才做变量提取。
怎么批量把 var 改成 const/let
光标停在 var 关键字上,按 Ctrl + Shift + R(Windows/Linux)或 Cmd + Shift + R(macOS),输入 const 或 let,回车确认。WebStorm 会智能识别作用域,只替换当前变量声明,不会误改函数名或属性名。注意:如果该 var 声明后有重复赋值,改成 const 会触发语法错误提示;改成 let 更安全。别用全局查找替换——var 可能出现在字符串、注释或正则里,容易误伤。
怎么把普通函数转成箭头函数
把光标放在函数关键字(function)上,或选中整个函数声明(包括参数和函数体),按 Alt + Enter,弹出意图菜单,选 Convert to arrow function。它支持:单参数省略括号、单表达式省略大括号、返回对象时自动加括号。但有两个硬限制:arguments、this、super 在箭头函数里行为不同,转换后 WebStorm 不会自动重写逻辑;如果函数体里有 yield 或 async,菜单项直接灰掉——这类函数不能转。
怎么把 if 语句转成三元表达式
选中完整的 if 块(从 if 到 else 分支结束),按 Alt + Enter,选 Replace 'if' with ternary operator。它只接受简单分支:两个分支都必须是单一表达式(不能是代码块、不能有 return、不能有副作用语句如 console.log)。如果 if 里嵌套了另一个 if,它不会递归处理,而是直接禁用该选项。转换后记得检查运算符优先级——比如 a ? b : c + d 实际等价于 a ? b : (c + d),但人眼容易误读。
Alt + Enter 里——得先修语法,再转。


















