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

【问题标题】：WebStorm - How to edit Jasmine code completion snippetsWebStorm - 如何编辑 Jasmine 代码完成片段
【发布时间】：2017-01-14 06:15:16
【问题描述】：

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

生成

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

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

代替：

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

我正在研究 WebStorm 首选项，但看不到任何修改此选项的选项。有什么想法吗？

【问题讨论】：

【解决方案1】：

我还没有找到使用 Command-N 键盘快捷键编辑代码模板的方法，但可以使用“实时模板”找到类似的功能，让您完全控制模板。

导航到：

首选项 -> 编辑器 -> 实时模板

在右侧窗格中选择 JavaScript 选项，然后选择 + 图标以添加模板。

配置值：

缩写：说明

说明：茉莉套房

模板文本：

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

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

【讨论】：

【解决方案2】：

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

假设您使用的是 OSX：

首选项-->编辑器-->文件和代码模板

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

【讨论】：

我在那个位置看到了文件模板，但那里没有我要找的东西。如果它是一个代码模板会很有意义，但是当导航到“代码”选项卡时，它会显示消息“Nothing to show”。
您可以添加文件模板，如果找不到，请使用自定义模板。
但这不用作文件模板。这些是在单个测试文件中多次使用的代码模板。