WebStorm - 如何编辑 Jasmine 代码完成片段

WebStorm - How to edit Jasmine code completion snippets

在 WebStorm (11.0.2) 中编写 Jasmine 单元测试时,使用 Command + N (OS X) 命令会出现以下弹出菜单:

生成

我想修改这些菜单项生成的代码。例如,我正在使用 ES6,并且想更改 Jasmine Suite 选项以生成:

describe('suite name', () => {
});

而不是:

describe('suite name', function () {
});

我正在浏览 WebStorm 首选项,但看不到任何修改它的选项。有什么想法吗?

您应该更改文件模板设置。

假设您使用的是 OSX:

preferences-->Editor-->File and Code Templates

您将看到那些模板列表。选择您要更改的模板并进行编辑。

我仍然没有找到使用 Command-N 键盘快捷键编辑代码模板的方法,但可以使用 "Live Template" 找到类似的功能,让您可以完全控制模板。

导航至:

Preferences -> Editor -> Live Templates

Select右窗格中的JavaScript选项,然后+图标添加模板。

配置值:

缩写: desc

描述:茉莉花套房

模板文本:

describe('$SUITE_DESC$', () => {
  $END$
});

键入 'desc' 然后按 Tab,将生成模板。从那里,您可以使用相同的方法为 'it'、'beforeEach' 和 'afterEach' 添加额外的实时模板。