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默认的
- 第五步:重启生效
所有配置修改完成后,完全关闭VS Code再重新打开项目即可生效。
内容的提问来源于stack exchange,提问作者Wookie
相关产品推荐
相关产品推荐

