PhpStorm 2022.3.3(Mac)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

