PHPackages                             view-launcher/blade - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Templating & Views](/categories/templating)
4. /
5. view-launcher/blade

ActiveProject[Templating & Views](/categories/templating)

view-launcher/blade
===================

A Laravel package for opening blade view/component in code editor from browsers.

118PHP

Since Apr 11Pushed 5y ago1 watchersCompare

[ Source](https://github.com/view-launcher/blade)[ Packagist](https://packagist.org/packages/view-launcher/blade)[ RSS](/packages/view-launcher-blade/feed)WikiDiscussions main Synced 6d ago

READMEChangelogDependenciesVersions (1)Used By (0)

Laravel Blade View Launcher
===========================

[](#laravel-blade-view-launcher)

A Laravel package for inspecting and opening blade template in your code editor from browsers directly.

Installation 📦
--------------

[](#installation-)

### 1. Install via composer :

[](#1-install-via-composer-)

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

### 2. Include the assets

[](#2-include-the-assets)

Put the `@viewLauncherAssets` into your `head` element. Be sure place `@viewLauncherAssets` after your **last script tag**.

```
...

    @viewLauncherAssets

```

### 3. Set your "local view directory path"

[](#3-set-your-local-view-directory-path)

If you are using Docker or Vagrant, to open your view file in your code editor correctly you must provide an absolute path to the view directory in your ***host machine***.

To do so, in your `.env` file, add a new item `LOCAL_VIEW_DIR`.

For example :

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

### 4. Specify your Code Editor

[](#4-specify-your-code-editor)

By default, PhpStorm is set to the default code editor, you can change it by adding a new item `LOCAL_VIEW_DIR` in your `.env` file.

For example:

```
VIEW_LAUNCHER_EDITOR=vscode
```

See the list of supported editors at [here](https://github.com/view-launcher/view-launcher#supported-editors).

To make it be able to open file in your editor from browsers directly, you have to set up a "protocol handler" first. Many editors like PHPStorm or TextMate has protocol handler support by default.

If your favorite code editor doesn't have support for protocol handler, you must set up it by yourself.

To do so, you might want to read [this article](https://tracy.nette.org/en/open-files-in-ide).

Usage
-----

[](#usage)

Use shortcuts to access all the functions.

Here are the default shortcuts (These are configurable via the config file).

KeyAction`A A`Toggle inspect mode`C C`Toggle inspect mode, but only inspect components`D`Open with your editor(the default setting is VSCode)`E`Inspect the parent element of current inspecting elementLimitation
----------

[](#limitation)

Tags without new line won't get detected. This is because tags are detected via a regular expression which requires to match an open tag followed by a new line character.

For example:

```

foo

    foo

```

###  Health Score

17

—

LowBetter than 6% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity8

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity30

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

### Community

Maintainers

![](https://www.gravatar.com/avatar/d7e8cfe971551433df7557368a24c122907ebdc5c5fc8c18920f1438aaafbffd?d=identicon)[yaquawa](/maintainers/yaquawa)

---

Top Contributors

[![yaquawa](https://avatars.githubusercontent.com/u/13927101?v=4)](https://github.com/yaquawa "yaquawa (10 commits)")

---

Tags

bladedeveloper-toolslaravel

### Embed Badge

![Health badge](/badges/view-launcher-blade/health.svg)

```
[![Health](https://phpackages.com/badges/view-launcher-blade/health.svg)](https://phpackages.com/packages/view-launcher-blade)
```

###  Alternatives

[mustache/mustache

A Mustache implementation in PHP.

3.3k44.6M291](/packages/mustache-mustache)[roots/acorn

Framework for Roots WordPress projects built with Laravel components.

9682.1M97](/packages/roots-acorn)[whitecube/nova-flexible-content

Flexible Content & Repeater Fields for Laravel Nova.

8053.0M25](/packages/whitecube-nova-flexible-content)[mopa/bootstrap-bundle

Easy integration of twitters bootstrap into symfony2

7042.9M33](/packages/mopa-bootstrap-bundle)[limenius/react-bundle

Client and Server-side react rendering in a Symfony Bundle

3871.2M](/packages/limenius-react-bundle)[nicmart/string-template

StringTemplate is a very simple string template engine for php. I've written it to have a thing like sprintf, but with named and nested substutions.

2101.7M30](/packages/nicmart-string-template)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)