webstorm的live templates简单说明

看了好几篇文章，都是复制粘贴了或者睿智翻译了官网的文档，那你还不如直接看官网文档，在最下面

简单讲一下变量的使用和预定义方法的使用

比如，现在我要设置一个mobx的observable变量模板，点击右边的加号添加一个模板

然后编辑模板 

@observable _$PARAM$ = [];
get $PARAM$() { return toJS(this._$PARAM$) }
set$UPERPARAM$(value) { this._$PARAM$ = value; }
$END$

 这里声明了两个变量，一个是PARAM，另一个是UPERPARAM

点击左边的EDIT VARIABLES编辑变量

这里的变量直接写上去就行，括号中间的String啊之类的一下东西都是可以修改的，写好之后按回车，就像这里UPERPARAM就是将PARAM第一个字母大写，然后返回

最后记得定义生效文件

实际效果如下

先输入mobv按Tab键，然后光标会自动跳到第一个变量的未知，输入后，其他变量位置都会根据第一个变量的输入而改变

是不是很方便嘿嘿

其他复杂的玩法我还没研究好，等学会了再分享

参考资料

https://www.jetbrains.com/help/webstorm/template-variables.html#predefined_functions 重点是这篇吧

https://www.jetbrains.com/help/webstorm/creating-and-editing-live-templates.html