如何在WebStorm中通过快捷键生成Node.js测试用例代码Stub

刚好我也经常在WebStorm里写Node.js测试，这个需求用**Live Templates（实时模板）**就能完美解决，步骤超简单：

• 第一步：打开Live Templates设置
  直接按Ctrl+Alt+S打开设置面板，然后在搜索框输入“Live Templates”，或者手动导航到Editor > Live Templates路径。

• 第二步：新建专属模板组
  点击面板右侧的+号，选择Template Group，给它起个好记的名字，比如“Node Test Stubs”，方便后续管理自己的测试模板。

• 第三步：创建你的测试Stub模板
  选中刚才新建的组，再点+号选Live Template，然后填写以下内容：

  • Abbreviation：设置一个短缩写，比如td（代表test describe），方便快速触发
  • Template Text：把你的测试Stub填进去，还可以优化成带光标跳转的版本（用$变量名$标记光标位置）：

    describe('$DESCRIBE$', ()=>{
      it('$IT$', ()=>{
        $END$
      });
    });
    

  • Applicable Contexts：点击下方的Define按钮，选择JavaScript（如果用TypeScript就选TypeScript），确保这个模板只在JS/TS文件里生效。

• 第四步：设置专属快捷键
  在模板设置界面里，点击Change按钮（在快捷键位置），然后按下你想设置的快捷键组合（比如Alt+Shift+T，选个不冲突的就行），确认保存。

• 使用方法
  现在在测试文件里，要么输入你设置的缩写（比如td）然后按Tab键，要么直接按下你设置的快捷键，就能瞬间生成这个Stub！优化后的模板会让光标自动定位到describe的描述位置，输入完按Tab可以跳到it的描述，再按Tab直接进入测试函数体，效率拉满。

内容的提问来源于stack exchange，提问作者stux_kill