Webstorm 小技巧

发表于 | 分类于 | 阅读次数:

自定义一个快速补全

https://segmentfault.com/q/1010000008850169?_ea=1757866

你可能经常会敲console.log();,
那么，
如果想在webstorm中设置一个快捷键log，直接摁Tab就出console.log(),可以么？
当然：

方法一，tab键补全

  1. 进入设置，file => seting => Editor => live Templates,
  2. 右侧选择JavaScript，点击右边的绿色“+”号，Abbreviation处设置相关的快捷词（如con），Template text中设置补全后的语句格式（如console.log($PARAM$)）,用$PARAM$表示光标所在位置，
  3. 在Template text下方可以看到一个Define，点击选择这个补全的作用域，选择Javascript
    ok ,大功告成，返回直接在js中使用con，然后按tab键，就自动补全代码了！
    如图：
    image

方法二，选择自定义的代码包围

WebStorm 中有两个补全模式，一个是插入(insertion)，一个是包围(surround)。
在 Live Templates 中，我们既可以定义插入也可以定义包围。

  • 如何设置？
    方法与上述tab键的方法类似，区别在于$PARAM$换成$SELECTION$
    如图：
    image
  • 如何使用？
    cmd + alt + t或control + alt + t，选择用来包围的代码
    如图：
    image