PhpStorm 使用 {braces} 而不是“引号”自动完成 HTML 属性答案

【问题标题】：PhpStorm auto-completing HTML attributes with {braces} instead of "quotation marks"PhpStorm 使用 {braces} 而不是“引号”自动完成 HTML 属性
【发布时间】：2018-04-07 13:12:00
【问题描述】：

问题

我最近升级到了最新的 PhpStorm（或者最近是最新的。）

PhpStorm 2017.2.4
Build #PS-172.4155.41, built on September 15, 2017

由于这样做，任何时候我键入带有属性的 HTML 标记，例如

<td class=

它使用花括号自动完成 JSX 风格，如下所示：

<td class={}

所需功能

它曾经用引号自动完成它，像这样：

<td class=""

我希望它再次这样做。

警告

我可以通过禁用引号完成设置来禁用大括号完成，但是当然，我也没有得到引号。

问题

是否有这样的设置，我可以继续获得“引号”自动完成，而无需获得 {花括号} 完成？

【问题讨论】：

你为这个项目选择了什么 JavaScript 语言级别？
@LazyOne - 不多说了。就是这样，谢谢！它显然在升级后默认使用 React JSX，可能是因为它在项目中检测到了一些 React 组件。

标签： html autocomplete phpstorm phpstorm-2017.2

【解决方案1】：

如果您在 JavaScript 设置 (Settings/Preferences | Languages & Frameworks | JavaScript) 中将 React JSX 作为默认语言级别，则会发生这种情况。

问题已在2017.3 EAP builds 中修复 (WEB-28894)。

对于 2017.2.x 版本 - 您必须使用不同的 JavaScript 语言级别。

2017.3.1 中引入了单独的选项来控制这种行为：https://blog.jetbrains.com/webstorm/2017/12/webstorm-2017-3-1/

【讨论】：

完美。这解决了我的问题。详细地说，这可以在Settings | Languages & Frameworks | JavaScript 中更改。我的设置为自动或错误地 React JSX。将其设置为 ECMAScript 6 并重新启用自动完成可以解决问题。