webstorm 快速补全

File ---> Setting ---> Editor ---> Live Templates ---> Javascript ---> 点右边+ ---> 在下方Abbreviation输入con ---> 在下方Description输入‘控制台输出’ ---> 在下方Temaplate text输入‘console.log($PARAM$)’ ---> 点击最下方有个蓝色的Define ---> 把Javascript全勾选上 ---> OK

 

 附上建议设置的自定义代码补全：

con~~打印
  console.log($PARAM$);
 
funa~~无名函数
  function () {$PARAM$}
 
func~~含传参无名函数
  function($PARAM$) {}
 
funn~~有名函数
  function $PARAM$() {}
 
forr~~for循环
  for () {$PARAM$}
 
fori~~for循环
  for (var i = 0; i < $PARAM$.length; i++) {$PARAM$[i]}
 
iff~~if判断
  if ($PARAM$) {}
 
ife~~if.else判断
  if ($PARAM$) {
  } else{
  }
 
dg~~通过ID获取元素
  document.getElementById("$PARAM$");
 
dq~~通过选择器获取元素
  document.querySelector("$PARAM$");
 
dqa~~通过选择器获取一组元素
  document.querySelectorAll("$PARAM$");