You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

PhpStorm 2022.3.3(Mac)Vue模板大括号空格自动插入失效求助

解决PhpStorm 2022.3.3中Vue模板双大括号自动补全空格失效问题
  • 核对Vue模板专属格式化规则细节
    打开PhpStorm偏好设置(快捷键Cmd+,),依次进入Editor > Code Style > HTML,切换到Vue Templates标签页,找到Mustache插值相关设置,确保勾选「在大括号内添加空格」选项。如果项目使用ESLint或Prettier配置文件,要检查.eslintrc里的vue/mustache-interpolation-spacing是否设为true,或者.prettierrc里的mustacheSpacing是否为true——IDE会优先读取项目配置文件的规则,全局设置可能被覆盖。

  • 重置IDE缓存并重启
    缓存异常可能导致设置不生效,执行File > Invalidate Caches...,选择「Invalidate and Restart」,重启后再测试输入双大括号的效果。

  • 确认.vue文件类型关联正确
    右键目标.vue文件,选择File > File Properties > File Type,确保关联的是「Vue Single File Component」,如果误关联成普通HTML,IDE不会应用Vue的格式化规则。

  • 手动格式化验证规则是否生效
    输入{{test}}后按Cmd+Opt+L手动格式化,要是能自动变成{{ test }},说明自动补全的触发逻辑可能需要调整;要是手动也没效果,那肯定是规则配置没到位,再回去核对项目和IDE的规则。

  • 排查插件冲突
    禁用所有第三方Vue相关插件,重启IDE后测试,排除插件干扰导致的功能失效。

内容的提问来源于stack exchange,提问作者gvanto

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.26 09:42:08