webstrom之如何自定义Zen Coding呢？

支持Zen Coding

WebStorm内置了zen coding，可以使你编写代码更有效率。输入div.feature> H4 + P， 按 Tab ，你会得到

<div class="feature">

　　<h4></h4>

　　<p></p>

</div>

如何自定义Zen Coding呢？

首先 找到File下面的Settings 即文件下面的设置。

接着 寻找Live Template的目录名 我姑且翻译为活动的模板。

然后 我举个在javascript中 在工作区域打上cs  然后按下 Tab 键 就出现 console.log(光标在括号里面)的例子。

　　1.左侧选中javascript ,然后按到绿色的“+”;

　　

　　2.在Abbreviation后面写cs;在Description后面填写console.log();再Template text后面console.log($END$);

　　　注意:千万记得要点那个蓝色的Define 然后选中javascript;

　　

　　

最后 点一下apply应用  或者 OK  到工作区域 在javascript文本中打一下cs 按一下tab就出来了。