WebStrom Live Template 建代码块

俗话说：工欲善其事必先利其器，为了提高开发效率自定义一些自己常用的代码块是必不可少的，下面我介绍一下WebStrom新建代码块的方法。

（1）打开‘设置’面板，快捷键 ‘ctrl+alt+s’

（2）找到‘模版’点击，然后再点击右边绿色的‘+’号，选择Live Template，然后会出现下面的表单输入框，abbreviation就是这个代码快的缩写最好写方便你记忆的，描述是就是这个代码块的描述，模版文本里就是你的代码块

都填写完了不要马上就点确定，看到下面的黄色的！号警告没，点‘Define’进去选择这个代码块是属于谁的

（3）最好也把根据样式重新格式化勾选上，点‘确定’或‘应用’就可以啦。

（4）写代码的时候写'.on'提示框便会有提示

以下是补充语法说明和参考模版

语法说明：

• $VAR$ 可以定义一个变量
• $ARRAY$ 可输入一个数组
• $PARAM$ 可变长度参数
• $END$ 光标结束符号

更多模版：

ce

输出错误信息

console.error($err$);

cl

输出log信息

console.log($END$);

if

if ($PARAM$) {
  $END$
}

me

模块导出

module.exports = {
    $END$
}

re

引入模块

$name$ = require('$name$')$END$

th

then 函数

then(function($PARAM$){
  $END$
});

ca

捕获异常

catch(function(err){
  $END$
})

f

function $NAME$($PARAM$) {
  $END$
}

fn

function ($PARAMETERS$) {
    var me = this;
    $END$
}

ife

if ($CONDITION$) {
    $END$
} else {

}

$VAR$ = ($CONDITION$) ? $VAL1$ : $VAL2$

switch

switch ($EXPRESSION$) {
case $EXPVALUE1$:
    $END$
    break;
case $EXPVALUE2$:

    break;
default:

}

try

try {
    $END$
} catch (err) {

}

for

len = $ARRAY$.length;
for ($INDEX$ = 0; $INDEX$ < len; $INDEX$++) {
    $VAR$ = $ARRAY$[$INDEX$];
    $END$    
}

forin

for (prop in $OBJ$) {
    if ($OBJ$.hasOwnProperty(prop)) {
        $END$
    }
}