Laravel blade snippets and syntax highlight support
npm install laravel-bladeLaravel blade snippets and syntax highlight support for Visual Studio Code.
> Suggest Laravel related extension: Laravel Snippets
!Demo
Open Preferences -> Settings
``json`
"emmet.triggerExpansionOnTab": true, // enable tab to expanse emmet tags
"blade.format.enable": true, // if you would like to enable blade format
Specific settings for blade language
`json`
"[blade]": {
"editor.autoClosingBrackets": "always"
},
* Blade syntax highlight
* Blade snippets
* Emmet works in blade template
* Blade formatting
* Auto detected with .blade.php extensionBlade
* Manually switch language mode to (Ctrl + K, M or ⌘ + K, M)
| Trigger | Snippet |
|----------------|---------------------------------|
| b:extends | @extends |
| b:yield | @yield |
| b:section | @section...@endsection |
| b:section-show | @section...@show |
| b:if | @if...@endif |
| b:if-else | @if...@else...@endif |
| b:unless | @unless...@endunless |
| b:has-section | @hasSection...@else...@endif |
| b:for | @for...@endfor |
| b:foreach | @foreach...@endforeach |
| b:forelse | @forelse...@empty...@endforelse |
| b:while | @while...@endwhile |
| b:each | @each |
| b:push | @push...@endpush |
| b:stack | @stack |
| b:inject | @inject |
| b:comment | {{-- comment --}} (Ctrl + / or ⌘ + /) |
| b:echo | {{ $data }} |
| b:echo-html | {!! $html !!} |
| b:echo-raw | @{{ variable }} |
| b:can | @can...@endcan (v5.1) |
| b:can-elsecan | @can...@elsecan...@endcan (v5.1)|
| b:cannot | @cannot...@endcannot (v5.3) |
| b:cannot-elsecannot | @cannot...@elsecannot...@endcannot (v5.3) |
| b:verbatim | @verbatim...@endverbatim (v5.3)|
| b:php | @php...@endphp (v5.3) |
| b:includeIf | @includeIf (v5.3) |
| b:includeWhen | @includeWhen (v5.4) |
| b:includeFirst | @includeFirst (v5.5) |
| b:includeUnless| @includeUnless (v6.x) |
| b:component | @component...@endcomponent (v5.4)|
| b:slot | @slot...@endslot (v5.4) |
| b:isset | @isset...@endisset (v5.4) |
| b:empty | @empty...@endempty (v5.4) |
| b:auth | @auth...@endauth (v5.5) |
| b:guest | @guest...@endguest (v5.5) |
| b:switch | @switch...@case...@endswitch (v5.5) |
| b:lang | @lang |
| b:csrf | @csrf (v5.6) |
| b:method | @method(...) (v5.6) |
| b:dump | @dump(...) (v5.6) |
| b:error | @error...@enderror (v5.8) |
| b:props | @props (v7.4) |
| b:production | @production...@endproduction |
| b:env | @env...@endenv |
| Trigger | Snippet |
|----------------|---------------------------------|
| b:loop | $loop->(index,remaining,count,first,last,depth,parent) |
| b:loop-first | @if($loop->first)...@endif |
| b:loop-last | @if($loop->last)...@endif |
| Trigger | Laravel Helper |
|-----------------|---------------------------------|
| lv:elixir | elixir() - deprecated |
| lv:mix | mix() (v5.4) |
| lv:trans | trans() |
| lv:action | action() |
| lv:secure-asset | secure_asset() |
| lv:url | url() |
| lv:asset | asset() |
| lv:route | route() |
| lv:csrf-field | csrf_field() |
| lv:csrf-token | csrf_token() |
| lv:pagination-links | $collection->links() |
method of ServiceProvider)- Blade::componentBlade::include
- Blade::if
- Blade::directive`
-
Please file any issues or have a suggestion please tweet me @onecentlin.
* Blade language grammar is based on Medalink syntax definition for Sublime Text; Converted from Blade templating support in Atom
* Textmate language format file is based on Textmate bundle for Laravel 5.
Please read License for more information