README

一个Laravel包，可以直接从浏览器中在您的代码编辑器中检查和打开blade模板。

安装 📦

1. 使用composer安装

composer require --dev view-launcher/blade
php artisan view:clear

2. 包含资源

将@viewLauncherAssets放入您的head元素中。请确保将@viewLauncherAssets放在您的最后一个script标签之后。

...
    <script defer src="/your-scripts.js"></script>
    @viewLauncherAssets
</head>

3. 设置您的"本地视图目录路径"

如果您使用Docker或Vagrant，要正确地在代码编辑器中打开视图文件，您必须提供在您的主机机器上的视图目录的绝对路径。

为此，在您的.env文件中添加一个新项目LOCAL_VIEW_DIR。

例如

LOCAL_VIEW_DIR=/Users/michael/Documents/htdocs/laravel/resources/views

4. 指定您的代码编辑器

默认情况下，PhpStorm被设置为默认代码编辑器，您可以通过在.env文件中添加一个新项目LOCAL_VIEW_DIR来更改它。

例如

VIEW_LAUNCHER_EDITOR=vscode

请参阅这里支持的编辑器列表。

要使其能够从浏览器直接打开编辑器中的文件，您必须首先设置一个"协议处理程序"。许多编辑器（如PHPStorm或TextMate）默认支持协议处理程序。

如果您的首选代码编辑器没有支持协议处理程序，您必须自己设置它。

为此，您可能需要阅读这篇文章。

用法

使用快捷键访问所有功能。

以下是默认快捷键（这些可以通过配置文件进行配置）。

限制

没有换行的标签不会被检测到。这是因为标签是通过正则表达式检测的，需要匹配一个开标签后跟一个换行符。

例如

<!-- does not match -->
<div>foo</div>

<!-- matches -->
<div>
    foo
</div>

<!-- matches -->
<img src="" alt="">

<!-- matches -->
<a href="/foo">
    <img src="/foo.jpg">
</a>

<!-- does not match -->
<a href="/foo"><img src="/foo.jpg"></a>

view-launcher / blade

维护者

详细信息