webstorm中定义live template需在settings > editor > live templates中配置，必须勾选适用语言（如javascript、typescript、vue.js等），缩写用小写字母，变量用$var$定义并设置跳转顺序；.vue文件需额外勾选vue.js和vue sfc script；groovyscript取函数名需轻量api加空值处理；跨版本导入易失效，建议同版本同步或使用settings sync。
WebStorm 里怎么定义自己的代码片段（Live Template）
WebStorm 的代码片段叫 Live Template，不是直接贴代码的地方，而是带变量、能跳位、可复用的动态模板。它藏在 Settings > Editor > Live Templates 里，不是写完就生效——必须指定适用语言或上下文，否则敲缩写根本不出提示。
常见错误现象：mylog 写完了按 Tab 没反应；或者只在 JavaScript 文件里生效，到了 TypeScript 里失效。
- 新建模板前，先点右上角
Define，勾选对应语言（比如JavaScript、TypeScript、HTML），不勾等于“全局不可见” - 缩写（
Abbreviation）建议全小写、无下划线，比如用logf而不是Snippet_log_func，避免输一半没联想 - 模板正文里用
$VAR$定义变量，比如console.log('$MSG$:', $EXPR$);，然后双击变量名进Edit variables设默认值或表达式 - 想让光标第一次跳到
$MSG$，第二次跳到$EXPR$，得在Edit variables里把skip if defined全部关掉，并手动调顺序
为什么 console.log() 模板在 .vue 文件里不工作
Vue 单文件组件分 <script></script>、<template></template>、<style></style> 三块，Live Template 默认只对当前语言上下文生效。你在 <script setup></script> 里敲 log，但模板只设了 JavaScript，没加 Vue 或 Vue.js 支持，就匹配不上。
使用场景：写 Composition API 时频繁打日志，但每次都要切到 JS 块顶部再敲，效率低。
- 编辑模板时，在
Define区域，除了勾JavaScript，一定要额外勾上Vue.js和Vue SFC Script - 如果用了
defineProps或defineEmits，模板里别硬写setup()，直接写语句体，否则会嵌套出错 - Vue 文件里
<script setup></script>是默认语法，Live Template 插入后不会自动换行或缩进，建议模板末尾加个\n（用Enter键输入）
groovyScript 在 Live Template 变量里怎么安全取当前函数名
想让模板自动填入当前函数名（比如 function fetchData() { logf } 展开后变成 console.log('fetchData:', ...)），得靠 groovyScript 表达式。但它不是万能的，解析失败时整个模板卡住，光标不动，还容易误报 Unresolved variable。
性能影响：每个变量都跑一次 Groovy 脚本，如果模板被高频调用（比如每秒敲 5 次 logf），会轻微拖慢响应。
- 正确写法示例：
groovyScript("def f = _editor.getWordAtCaret(_editor).getPsiElement(); return f?.getParent()?.getName() ?: ''") - 别直接用
_editor做复杂遍历，优先用_editor.getWordAtCaret()或_editor.getCaretModel().getCurrentCaret().getLogicalPosition()这类轻量 API - 空值必须处理，Groovy 里
?.name不够，得接?: ''，否则脚本崩溃，模板退化成纯文本 - 调试方法：在表达式末尾加
; println 'debug: ' + result，看 WebStorm 日志（Help > Show Log in Explorer）
Live Template 导出后在另一台机器上失效
导出的 .jar 或 .xml 文件本身没问题，但 WebStorm 版本差异会导致兼容问题：2022.3 导出的模板，2023.1 导入后可能变量顺序乱、表达式标红、甚至缩写消失。更隐蔽的是插件冲突——比如装了 Vue.js 插件但没启用，Vue SFC Script 上下文就识别不了。
兼容性影响：JetBrains 官方不保证跨大版本模板迁移稳定性，尤其涉及 Groovy 脚本或新语言支持时。
- 导入前先确认两台机器的 WebStorm 版本号（
Help > About），尽量保持一致，至少同属一个年度主线（如都是 2023.x） - 不要依赖 IDE 自动启用插件，手动检查
Settings > Plugins里Vue.js、JavaScript and TypeScript是否已启用并重启 - 导入后别急着用，打开
Live Templates列表，逐个点开检查Applicable in是否仍勾选了目标语言，有时候导入会重置这个设置 - 如果只是同步个人常用模板，比导出更稳的方式是用
Settings Sync（需 JetBrains Account），它会连上下文配置一起同步
最麻烦的其实是变量嵌套和上下文判断逻辑——看着简单的一行 logf，背后可能牵扯 PSI 树遍历、编辑器状态快照、Groovy 沙箱执行三个环节。哪一环弱了，它就不响。
