VSCode格式化laravel的blade文件

最新推荐文章于 2025-04-03 10:00:59 发布
原创 最新推荐文章于 2025-04-03 10:00:59 发布 · 2.4k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Laravel #blade #格式化

在使用VSCode编写Laravel时，发现无法格式化blade.php文件。解决方案是安装Laravel Blade Snippets和Beautify两个插件。在VSCode设置中，于beautify.language配置中添加"blade"，使blade文件支持Alt+Shift+F快捷键进行格式化。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

刚刚开始用vscode编写Laravel，在vscode自己推荐安装很多插件之后，发现并不能格式化blade.php，这就很气。

查看了一些博客之后，有点搞不懂（实则是不会vscode的操作），废话少说，上操作

我用的是VSCode1.35.1   2019年6月刚更新的

需要安装的插件有两个 

Laravel Blade Snippets和Beautify

安装之后打开设置，然后在搜索框里输入beautify，进入setting.json ，在随便一个配置之后的一行输入“beautify”，一般会自动出联想，选择beautify.language，就会自动补全，没有的话可以复制文末的代码，在html的配置的地方添加“blade”，保存就可以了，在blade文件中用快捷键Alt+Shift+F就可以格式化了

最低0.47元/天 解锁文章

200万优质内容无限畅学
vscode-blade-formatter:固执己见的VSCode刀片文件格式化程序
03-14
vscode-blade-formatter 固执己见的VSCode刀片文件格式化程序。 市场页面在。 您也可以使用此扩展程序所依赖的以编程方式以相同的语法。 截屏 扩展设置 环境 描述 默认 Blade Formatter: format Enabled 是否启用 真的 Blade Formatter: format Indent Size 缩进大小 4 Blade Formatter: format Wrap Line Length 换行长度的长度 120 Blade Formatter: format Wrap Attributes 包装属性的方式。 [auto|force|force-aligned|force-expand-multiline|aligned-multiple|preserve|preserve-aligned] auto 忽略文件：.blade
vscode中laravel blade文件无法格式化
gztrljh
08-30 321
找了很多解决办法，就我这个是最好用的最科学的 安装插件：aravel Blade Snippets "blade.format.enable": true, "[blade]": { "editor.defaultFormatter": "onecentlin.laravel-blade" },
解决vscode中laravel blade文件无法格式化的问题
笑死我了我笑死了的博客
06-04 625
Ctrl+，(逗号) -》Blade Configuration-》勾选Enable format blade file
vscode的代码格式化
Owen的博客
01-31 4910
1、安装 Beautify格式化插件（快捷键：shift+alt+f） 2、安装 JS-CSS-HTML Formatter（保存时，自动格式化前端文件）
PHP - Laravel VSCode 自用插件
卡尔特斯
03-24 3059
一、简介 当一个页面的 头部 跟 尾部 完全一样，只要中间内容不一致，这个时候需要用到一个头尾公共的模板，然后其他页面多继承于这个公共模板编写中间内容部分即可。 模板引入与使用，及模板使用页面参数 模板继承格式 // components 表示在 views 下面的 components 文件夹 // main 表示在 views/components/main.blade.php 文件 @extends('components.main') 二、简单继承使用 新建一个 main.bl
VSCode扩展提升Laravel Blade开发体验
从压缩包子文件的文件名称列表“laravel-blade-snippets-vscode-master”中，可以推测这是一个扩展的主版本文件夹名称，表明这是该扩展的主仓库或者最新稳定版本。 综合以上信息，可以提炼出以下知识点： 1. ...
laravel-blade-snippets-vscode:Laravel刀片片段和语法突出显示了对Visual Studio Code的支持
05-02
Laravel刀片片段和语法突出显示了对Visual Studio Code的支持。 建议Laravel相关扩展： 截屏 用户设置 打开Preferences -> Settings ...刀片格式化 刀片语法高亮 自动检测到.blade.php扩展名 手动将语言
VSCode刀片格式化插件：提高Laravel开发效率
总结来说，vscode-blade-formatter扩展程序为Laravel框架的开发者提供了一种高效、一致的Blade模板文件格式化方法，通过简化的配置选项，开发者可以轻松地保持代码风格的一致性，并提高代码的可读性和整洁性。
如何使用 `vscode-blade-formatter`: 一站式Blade模板格式化解决方案
gitblog_00427的博客
09-08 821
如何使用 vscode-blade-formatter: 一站式Blade模板格式化解决方案 项目介绍 vscode-blade-formatter 是一个专为 Visual Studio Code 设计的插件，它提供了对 Laravel 的 Blade 模板语法的智能化格式化功能。通过这个扩展，开发者可以自动地对 Blade 文件进行格式化，包括正确缩进指令内的标记、添加适当的间距于 Blade...
VScode插件 PHP及Laravel、Vue及JS、HTML及CSS、主题美化和其他常用插件
weixin_46622106的博客
04-10 795
常用插件 PHP 及 Laravel 插件 PHP Intelephense ：PHP代码解析 PHP Snippets from PHPStorm ： PHPstorm中的 LiveTemplate 例如：pubf 之类； Laravel 5 Snippets ： Laravel 中的 blade 及 Collective HTML 的解析； laravel-blade ： 高亮 blade 代码 Laravel Blade Snippets ：vscode 中使用 b:，快捷使用 Laravel 的相
vscode开发laravel配置
chuangqian9748的博客
05-05 3624
上视频地址 (免费的):https://laracasts.com/series/visual-studio-code-for-php-developers 1, 先安装所有的扩展 将下面的扩展全部安装完 https://marketplace.visualstudio.com/items?i...
VSCode Blade Formatter 项目常见问题解决方案
gitblog_00562的博客
12-09 894
VSCode Blade Formatter 项目常见问题解决方案 1. 项目基础介绍和主要编程语言 项目介绍： VSCode Blade Formatter 是一个为 Visual Studio Code 编辑器设计的插件，用于格式化 Blade 模板文件。Blade 是 Laravel 框架的模板引擎，这个插件能帮助开发者自动格式化 Blade 文件，使其符合 PSR-2 编码标准，同时支持 ...
探索 Blade Formatter：优雅的 Laravel Blade 模板代码格式化工具
gitblog_00063的博客
04-26 349
探索 Blade Formatter：优雅的 Laravel Blade 模板代码格式化工具 在 Laravel 开发中，Blade 模板引擎以其简洁、直观的设计赢得了开发者们的喜爱。然而，随着项目的日益庞大，保持 Blade 文件的整洁和规范变得越来越重要。这就是 出现的原因——它是一个强大的开源工具，用于自动化格式化你的 Laravel Blade 模板代码。 项目简介 Blade Form...
Laravel Blade Snippets for VSCode 使用教程
gitblog_00027的博客
09-10 400
Laravel Blade Snippets for VSCode 使用教程 1. 项目目录结构及介绍 此开源项目是作为Visual Studio Code的扩展，因此其结构主要围绕VSCode插件开发的规范。虽然直接访问GitHub仓库时我们不能直观看到安装后的本地结构，但依据VSCode插件的一般开发模式，可以推测其基本组织结构如下： src: 包含主要的代码逻辑，如Blade模板的代码片段...
Laravel VS Code Extension 使用教程
最新发布
gitblog_00921的博客
04-03 744
Laravel VS Code Extension 使用教程 1. 项目介绍 Laravel VS Code Extension 是一个专门为 Laravel 开发者设计的 Visual Studio Code 扩展。它提供了针对 Laravel 框架的智能提示、自动完成、代码跳转等功能，帮助开发者提高开发效率。该扩展支持所有 Laravel 版本（按照支持政策列出的版本），并且需要 PHP 8....
使用VSCode配置Laradock容器和PHPCS插件的方法
DhGrad_Bias的博客
10-07 183
在本文中，我将向您展示如何使用VSCode配置Laradock容器和PHPCS插件，以提高您在Laravel开发中的效率。Laradock是一个基于Docker的环境，用于在本地开发和部署Laravel应用程序。请注意，以上步骤假设您已经熟悉Docker、VSCode和Laravel的基本概念和操作。现在，您已经成功配置了Laradock容器和PHPCS插件，并可以在VSCode中进行Laravel开发并自动检查代码规范。如果您已经有一个Laravel项目，将其放入Laradock目录中的。
VS Code下载Beautify扩展插件 | 优快云创作打卡
来了就别想走！
01-17 1545
VSCode下载Beautify扩展插件前言总结 前言 在VSCode里下载Beautify插件 打开VS Code，点击左侧边栏的“扩展”，如图： 在搜索框输入“Beautify”，等待搜索结果，然后点击“安装”，如图： 可以看到，安装成功，就可以使用啦，如图： 总结 本次的知识分享就到这了，谢谢你这么好看还关注我，下期再见！ ...
Laravel Blade Snippets：提升Laravel开发效率的利器
gitblog_00325的博客
09-10 337
Laravel Blade Snippets：提升Laravel开发效率的利器 项目介绍 Laravel Blade Snippets 是一款专为Visual Studio Code（VS Code）设计的扩展插件，旨在为Laravel开发者提供Blade模板引擎的语法高亮、代码片段自动补全以及格式化功能。无论你是Laravel新手还是资深开发者，这款插件都能显著提升你的开发效率，让你在编写Bla...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值