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

VS Code中有没有扩展或方法可正确高亮Laravel Blade @section内代码?

VS Code 中 Laravel Blade 模板 @section 代码高亮异常修复方案

修复步骤

  • 第一步:确认文件类型关联正确
    打开对应.blade.php文件,查看VS Code右下角状态栏显示的文件类型,若显示为HTML/PHP而非Blade,点击该位置在弹出的语言模式列表中选择Blade即可。
  • 第二步:安装官方兼容的Blade支持扩展
    卸载已安装的非官方Blade相关扩展,在扩展市场安装「Laravel Blade Snippets」或官方推出的「Laravel Extension Pack」,两类扩展均已完整适配Blade全指令的语法高亮规则。
  • 第三步:手动配置全局文件关联
    若单次修改文件类型不生效,可按下Ctrl+,(Windows)/Command+,(Mac)打开设置,搜索「文件关联」,添加如下规则:
    "files.associations": {
        "*.blade.php": "blade"
    }
    
  • 第四步:排查冲突项
    • 若仍无高亮,先切换到VS Code默认的Dark+主题测试,排除第三方主题对Blade语法高亮的兼容问题
    • 禁用其他PHP模板类扩展(如Twig、Smarty相关扩展),避免语法解析规则冲突
  • 第五步:重启生效
    所有配置修改完成后,完全关闭VS Code再重新打开项目即可生效。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.07 01:39:03