PhpStorm中React JS代码补全覆盖PHP HTML问题求解

我之前也碰到过这个超烦人的问题！明明在写Blade模板的HTML，输入class=""的时候自动变成class={}，完全打乱节奏。咱们可以通过这几个步骤搞定：

• 检查文件类型关联
  打开PhpStorm设置（Windows/Linux用Ctrl+Alt+S，Mac用Cmd+,），找到Languages & Frameworks > JavaScript > Templates，在这里把.blade.php从React JSX的关联列表里移除，确保它只属于PHP/Blade的模板类型。

• 确认File Types配置
  还是在设置里，进入Editor > File Types，找到PHP选项，在右侧的Registered Patterns里确认.blade.php已经被正确添加进去；同时检查JavaScript React的Registered Patterns，不要包含.blade.php。

• 单独设置单个文件的语言
  如果全局设置没生效，右键目标Blade文件，选择File Settings（或者Override File Type），把该文件的语言设置为PHP，并将JavaScript语言版本改为ECMAScript 5.1或者直接选None，这样就彻底禁用React的JSX补全逻辑了。

• 临时应急方案
  如果只是某一段HTML不想被干扰，可以用Blade的@verbatim标签包裹这段代码：

  @verbatim
  <div class="container">
    <!-- 这里的class不会被自动改成class={} -->
  </div>
  @endverbatim
  

内容的提问来源于stack exchange，提问作者Thelambofgoat