看了好几篇文章,都是复制粘贴了或者睿智翻译了官网的文档,那你还不如直接看官网文档,在最下面
简单讲一下变量的使用和预定义方法的使用
比如,现在我要设置一个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