处理PhpStorm/WebStorm中的反引号

Question

我们最近更改了我们的项目样板,使用单引号来使用反引号.在OSX上使用*Storm中的反引号并不像使用单引号那样方便,因此我们尝试提出一些仍然缺乏一些便利的解决方案.我们正在寻找进一步的想法,以便找到更好的解决方案.

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

• 键入一个单引号导致两个单引号,光标位于('|')之间
• 之后输入会在单引号之间产生文本('已键入的内容')
• 如果'输入引号或括号上的环绕选择'为真,选择一些文本并键入单引号会导致文本被包装在单引号中('some text')

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

• 键入一个反引号会导致一个反引号(`),当按下空格时,你会得到两个反引号,光标位于中间(`|`)
• 当键入一个字母时,你得到两个反引号,光标位于中间(`|`),除非字母是a,e,o,u,i,然后你得到(à,è,ò,ù,ì)这非常令人不安
• 当按下空格时,你会得到两个反引号,光标在它们之间(`|`)
• 选择一些文本并键入反引号会导致反引号(`),这也不是我们想要的

Answer 1

由于默认情况下，反引号是一个死键，因此我也遇到了同样的问题。

实时模板

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

缩写： --

描述： Backticks

模板文字：

`$0$`$END$

应用： JavaScript

不幸的是，PHPStorm / Webstorm没有提供切换引用样式的方法。类似于case toggler（编辑->切换大小写）

Answer 2

关于打字

只需使用按键<backtick>+<space>并输入a text，您就会得到“文本”。

关于周边

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