俗话说:工欲善其事必先利其器,为了提高开发效率自定义一些自己常用的代码块是必不可少的,下面我介绍一下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$
}
}