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

重装PhpStorm后Vue SFC中HTML标签颜色异常求助

解决PhpStorm中Vue SFC模板标签异常绿色的问题
  • 重置语言注入配置
    语言注入的缓存或配置异常可能导致高亮显示错误:

    1. 打开Settings/Preferences(Windows/Linux按Ctrl+Alt+S,Mac按Cmd+,)
    2. 进入Languages & Frameworks > JavaScript > Language Injection
    3. 选中所有和Vue模板相关的注入规则,点击右下角Restore Defaults,重启PhpStorm
  • 清除缓存并重启
    重装后残留的旧缓存可能引发显示问题:

    1. 点击菜单栏File > Invalidate Caches...
    2. 勾选Clear file system cache and local history,点击Invalidate and Restart
  • 同步Vue配色方案
    即使插件一致,本地高亮配置可能被篡改:

    1. 在Mac上导出配色方案:File > Export Settings,仅勾选Color schemes
    2. 在问题机器上导入该配置:File > Import Settings,选择导出的配置文件完成导入
    3. 也可以手动对比配置:打开Settings/Preferences > Editor > Color Scheme > Vue,展开HTML分类,将Tag、Tag Name等项目的颜色调整为和Mac一致
  • 禁用第三方高亮插件
    部分非官方插件可能覆盖默认高亮规则:

    1. 进入Settings/Preferences > Plugins
    2. 禁用所有非JetBrains官方的Vue相关插件,重启后测试

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.07.24 22:17:01