在 PhpStorm / WebStorm 中处理反引号答案

【问题标题】：Dealing with backticks in PhpStorm / WebStorm在 PhpStorm / WebStorm 中处理反引号
【发布时间】：2017-01-23 09:41:35
【问题描述】：

我们最近将使用单引号的项目样板更改为使用反引号。在 OSX 上使用 *Storm 中的反引号不如使用单引号方便，因此我们尝试提出一些仍然缺乏一些便利性的解决方案。我们现在正在寻找更多想法以找到更好的解决方案。

单引号在 *Storm on OSX 中的工作原理

反引号如何在 OSX 上的 *Storm 中工作

【问题讨论】：

你究竟用什么反引号？ cmets中的报价？字符串文字中的引号？因为我不太确定如何“更改”为使用反引号，因为它们在大多数情况下都有特定的、不同的用途。它不能在代码中，因为它们不能互换，对吧？
@Nanne - 我认为它与 JavaScript 中的模板字符串有关，随 EcmaScript 2015 一起出现。您需要在哪里使用反引号。
@Nanne 对不起，应该提到这一点。它是 ES6/ES2015 规范/特性集的一部分。你可以在这里阅读：developer.mozilla.org/de/docs/Web/JavaScript/Reference/….

【解决方案1】：

由于默认情况下反引号是dead key，所以我遇到了同样的问题。

实时模板

目前，我创建了一个名为 --（双破折号）的实时模板，用于快速准备反引号包围的字符串。您可以在下面找到我用于模板的设置：

缩写： --

描述： Backticks

模板文本：

`$0$`$END$

申请：JavaScript

不幸的是，PHPStorm/Webstorm 没有提供切换引用样式的方法。类似于case toggler (Edit -> Toggle Case)

【讨论】：

【解决方案2】：

关于打字

只需输入<backtick><space>a text，您就会得到“文本”。

关于周边

创建一个名为backticks 的实时模板，内容为`$SELECTION$`$END$，将上下文设置为Javascript。转到键盘映射并搜索“使用实时模板环绕”。分配一个组合键。回到编辑器，选择一些文本，按刚刚分配的组合并按“ENTER”确认选择“反引号”模板。这会将您的文本用反引号括起来。

【讨论】：

您是否尝试过按下Alt+Enter (Windows/Linux) 来带来快速修复菜单（也可以通过“灯泡”图标访问），同时在单引号字符串中插入插入符号？您可以选择其中一个Replace with template string 操作将此类字符串转换为反引号包围的字符串。 P.S. 与您最初的问题相关：youtrack.jetbrains.com/issue/WEB-21750
@LazyOne 感谢您的快速修复提示。可悲的是，这仍然完全不方便。必须按“Ald + Enter”、“向下箭头”并再次 Enter。