WebStorm 和 PhpStorm 的自定义代码片段

Question

我为 Sublime Text 使用自定义代码片段，例如自定义注释、函数、可重用块代码、CDN 等等......但我无法在 WebStorm 和 PhpStorm 中做到这一点 IDE.

这是我的 Sublime Text 构建块代码片段（注释）：

 /*============================
            comments
   ============================*/

此代码块用于 HTML5 评论

 <!-----------------------
           comments
   ----------------------->

此外，我是 JetBrains 软件的新用户。我可以在 JetBrains 软件中使用上面的自定义代码片段吗？

Answer 1

我认为您无法做到这一点，但是您可以在 设置 > 编辑器 > TODO.

中添加自定义标签

//TODO & //FIXME 已经实施。

但是这个自定义标签不适用于 HTML。

也许您可以在设置 > 插件 中找到执行此操作的扩展程序。

Answer 2

它在 JetBrains IDEs 中称为 Live Templates。

在 Settings/Preferences | Editor | Live Templates 可用。

您可以按原样使用现有的实时模板，根据需要更改它们或创建自己的模板。

创建自己的最好在自己的组中完成——它们将存储在单独的配置文件中，这样更容易共享，不会与内置的冲突（更容易在版本之间更新等。 ).对每种语言使用单独的组也很有意义——相同的缩写可以用于不同的languages/context，但同一组内的缩写必须是唯一的。

顺便说一句——我会说——根本不要编辑内置——只需禁用特定的内置模板并在单独的组中创建你自己的版本。这样你就可以随时看到 fix/change 开发者在新的 IDE 版本中做了什么

您可能还对其他文章感兴趣：

Answer 3

我终于得到了提示！ PhpStorm 允许您创建自己的实时模板（代码片段）以优化您的工作流程。

打开设置对话框并进入编辑器 |实时模板，您可以看到按语言分组的可用实时模板。要添加新模板，请单击 +（加号）按钮和 select 实时模板。指定缩写（您键入的一小段文本，将扩展为完整的代码片段）和描述。

然后在模板文本字段中提供完整的代码片段。您可以采用 $<variable name>$ 格式在模板中包含变量，这将允许您在扩展模板时提供值。 PhpStorm 将 $END$ 识别为一个特殊变量，指示在扩展模板并为所有变量提供值后光标的最终位置。

接下来单击定义警告文本以指定模板适用的语言以及可选的上下文。

现在模板可以使用了。打开一个文件并键入之前指定的缩写，然后按 Tab 键展开模板。光标将定位在第一个变量上，提供一个值，然后按 Tab 键继续在所有可用变量之间移动。光标的最终位置将是 $END$ 变量的位置。

进一步阅读

Custom code snippet for WebStorm and PhpStorm