如何在IDEA中为JavaScript/TypeScript定义打印方法名的Live Template

当然没问题！在IntelliJ IDEA（包括WebStorm、PyCharm这类JetBrains系IDE）里，完全可以给JavaScript和TypeScript自定义和Javasoutm功能一致的Live Template，快速打印当前方法名。我给你一步步拆解操作：

• 点击顶部菜单栏的「File」→「Settings」（Windows/Linux用户），或者「IntelliJ IDEA」→「Settings」（Mac用户）
• 在左侧导航栏里，展开「Editor」，找到并点击「Live Templates」

为了方便管理自定义模板，建议先建一个专属组：

• 在Live Templates界面右侧，点击「+」按钮，选择「Template Group...」
• 给组起个好记的名字，比如「JS/TS Custom Snippets」，点击「OK」确认

• 选中刚才新建的模板组，再次点击「+」按钮，选择「Live Template」
• 填写模板核心信息：
  • Abbreviation：输入soutm（和Java的快捷键保持一致，不用额外记新的）
  • Description：可以写「快速打印当前方法名到控制台」
  • Template text：粘贴这段代码：console.log('$METHOD_NAME$');
• 点击模板下方的「Define」按钮，选择模板适用的范围：勾选「JavaScript」「TypeScript」以及你常用的衍生场景（比如React JSX、Vue等）

这一步是让模板能自动识别当前方法名的核心：

• 在Live Template界面底部，点击「Edit variables」按钮
• 在弹出的变量配置窗口里，找到METHOD_NAME这一行：
  • Expression：从下拉列表里选择methodName()（这是IDE内置的表达式，能自动抓取当前所在的方法名）
  • 勾选「Skip if defined」选项，这样后续使用时可以直接跳过变量编辑，快速生成代码
• 点击「OK」保存变量配置

当你在JS/TS的方法体内输入soutm，按下「Tab」键，IDE就会自动替换成打印当前方法名的代码。比如你在handleSubmit()方法里使用，就会生成：

console.log('handleSubmit');

如果想要打印更丰富的信息，比如加上文件名，只需要修改模板文本为：

console.log('$METHOD_NAME$ called in $FILE_NAME$');

然后在变量配置里给FILE_NAME选择fileName()表达式即可。

最后别忘了点击设置窗口的「Apply」→「OK」，保存所有配置！

内容的提问来源于stack exchange，提问作者Артур Гудиев