onecentlin / Laravel Blade Snippets Vscode
Licence: mit
Laravel blade snippets and syntax highlight support for Visual Studio Code
Stars: ✭ 80
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Laravel Blade Snippets Vscode
Processing Vscode
A Visual Studio Code extension for the programming language Processing
Stars: ✭ 141 (+76.25%)
Mutual labels: vscode, vscode-extension, visual-studio-code, snippets
Vscode Laravel Extra Intellisense
This extension adds extra autocompletion for laravel projects to VSCode.
Stars: ✭ 909 (+1036.25%)
Mutual labels: laravel, vscode, vscode-extension
Vscode Bookmarks
Bookmarks Extension for Visual Studio Code
Stars: ✭ 804 (+905%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Intelephense
PHP intellisense for Visual Studio Code
Stars: ✭ 872 (+990%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Git Graph
View a Git Graph of your repository in Visual Studio Code, and easily perform Git actions from the graph.
Stars: ✭ 767 (+858.75%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Polacode
📸 Polaroid for your code
Stars: ✭ 6,511 (+8038.75%)
Mutual labels: vscode, visual-studio-code, snippets
Vscode Smarty
Smarty syntax highlight extension for Visual Studio Code
Stars: ✭ 10 (-87.5%)
Mutual labels: vscode, vscode-extension, snippets
Vscode Angular Snippets
Angular Snippets for VS Code
Stars: ✭ 530 (+562.5%)
Mutual labels: vscode, vscode-extension, snippets
Theme Bear
🐻 A VSCode dark theme 🐻
Stars: ✭ 27 (-66.25%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Stylefmt
🔌 VS Code plugin for stylefmt— Format your CSS using stylefmt.
Stars: ✭ 42 (-47.5%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Project Manager
Project Manager Extension for Visual Studio Code
Stars: ✭ 1,022 (+1177.5%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Csscomb
🔌 VS Code plugin for CSScomb — CSS coding style formatter.
Stars: ✭ 63 (-21.25%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Peacock
Subtly change the color of your Visual Studio Code workspace. Ideal when you have multiple VS Code instances, use VS Live Share, or use VS Code's Remote features, and you want to quickly identify your editor.
Stars: ✭ 690 (+762.5%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Git Semantic Commit
💬 A Visual Studio Code extension which enables to commit simply by the semantic message conventions
Stars: ✭ 65 (-18.75%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Markdown Pdf
Markdown converter for Visual Studio Code
Stars: ✭ 571 (+613.75%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode Unity Code Snippets
All snippets for Unity3D development
Stars: ✭ 26 (-67.5%)
Mutual labels: vscode, vscode-extension, snippets
Vscode Smoothtype
VS Code extension to add cursor transitions while typing, similar to MS Office and the Windows 10 Mail app.
Stars: ✭ 54 (-32.5%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Marp Vscode
Marp for VS Code: Create slide deck written in Marp Markdown on VS Code
Stars: ✭ 442 (+452.5%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Vscode R
R Extension for Visual Studio Code (execution, snippet, lint, R documantation, R Markdown)
Stars: ✭ 445 (+456.25%)
Mutual labels: vscode, vscode-extension, snippets
Without Guns For Vs Code
Visual Studio Code extension that teaches you mindful programming
Stars: ✭ 14 (-82.5%)
Mutual labels: vscode, vscode-extension, visual-studio-code
Laravel Blade Snippets
Laravel blade snippets and syntax highlight support for Visual Studio Code.
Suggest Laravel related extension: Laravel Snippets
Screenshot
User Settings
Open Preferences -> Settings
"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
"[blade]": {
"editor.autoClosingBrackets": "always"
},
Features
- Blade syntax highlight
- Blade snippets
- Emmet works in blade template
- Blade formatting
Blade Syntax Hightlight
- Auto detected with
.blade.phpextension - Manually switch language mode to
Blade(Ctrl + K, Mor⌘ + K, M)
Laravel Blade Snippets
| 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 |
$loop variable (Laravel v5.3+)
| 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 |
Laravel Helper Snippets for Blade
| 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() |
Blade extensions (register in the boot method of ServiceProvider)
Blade::componentBlade::includeBlade::ifBlade::directive
Contact
Please file any issues or have a suggestion please tweet me @onecentlin.
Credits
- 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.
License
Please read License for more information
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].