Table of Contents
3. Laravel Blade Snippet
2. Laravel Snippets
4. Laravel Artisan
5. Laravel Extra IntelliSense
6. Laravel Goto Controller
7. Laravel goto View
8. DotENV syntax highlighting
Conclusion
Home Development Tools VSCode 8 Awesome Laravel Development Extensions for VSCode

8 Awesome Laravel Development Extensions for VSCode

Dec 27, 2022 pm 08:08 PM
laravel vscode

This article is a list of the top 8 VSCode extensions for Laravel developers, which will help you improve your work efficiency!

8 Awesome Laravel Development Extensions for VSCode

1. Laravel Blade Snippet

Laravel Blade Snippet The extension adds syntax for Laravel Blade to your VS Code editor Highlighting support. [Recommended learning: vscode tutorial, Programming teaching]

Some of the main functions of this extension are:

  • Blade syntax highlighting
  • Blade Snippets
  • Emmet works in Blade templates
  • Blade Format

Some additional configuration is required to ensure that the extension works as expected. In File -> Preferences -> Settings and add the following to your settings.json:

"emmet.triggerExpansionOnTab": true,"blade.format.enable": true,"[blade]": {
    "editor.autoClosingBrackets": "always"},

This will enable tab completion for Emmet tags if the blade formatting is enabled.

For more information on the available Snippets, be sure to check out the documentation:

VSCode extension for laravel

2. Laravel Snippets

This is probably my personal favorite! This Laravel Snippets extension adds code snippets to the appearance of Request::, Route:: etc.

Some supported fragment prefixes include:

  • Authentication
  • Broadcast
  • Cache
  • Configuration
  • Console
  • Cookie
  • Encryption
  • Database
  • Events
  • View

About available fragments For more information, be sure to check out the documentation here:

Larave's VSCode Extension

3. Laravel Blade Snippet

When you try to Isn't it annoying when you use {{ }} in a Blade view and your entire line returns 4 spaces? Well, luckily, this Laravel Blade Snippet solves that problem!

The Laravel blade fragment extension automatically adds spacing to your blade template tags:

For more information, be sure to check out the documentation here:

laravel VSCode Extension

4. Laravel Artisan

I personally always prefer using the command line, but I must admit this Laravel Artisan extension is awesome! It allows you to run Laravel Artisan commands directly from Visual Studio Code!

The main functions of Some are:

  • Create controller, migration and other files.
  • Run your own custom commands
  • Manage your database
  • Clear cache
  • Generate keys
  • View all applications Routing
  • Manage your local php server for testing purposes

For more information, be sure to check out the documentation here:

VSCode for laravel Extension

5. Laravel Extra IntelliSense

ThisLaravel Extra IntelliSense extension provides auto-completion for Laravel in VSCode.

This extension has the following autocomplete features:

  • Route Name and Route Parameters
  • Views and Variables
  • Configuration
  • Translating and Converting Parameters
  • Laravel Mix Functions
  • Validation Rules
  • View Sections and Stacks
  • Environment
  • Route Middleware

For more information, be sure to check out the documentation here:

VSCode Extension for laravel

6. Laravel Goto Controller

As the application grows, the number of controllers also grows, so at some point, you may end up with hundreds of controllers. Hans's wayfinding can be tedious.

This is exactly the problem Laravel-goto-controller VScode extension solves.

This extension allows you to press Alt and click on a controller name in a route file, and it will guide you from the route to the corresponding controller file:

For more updates For more information, please view the documentation:

VSCode extensions for laravel

7. Laravel goto View

is very similar to the Laravel goto Controller extension extension, Laravel goto View VScode extension Allows you to go to View files from Controller or Route. This can save you a lot of time!

You can click to jump to the first matching Blade view file using Ctrl or Alt:

For more information, be sure to Check out the documentation here:

Laravel's VSCode extension

8. DotENV syntax highlighting

This is very simple, but very convenient. This DotENV VS Code extension is used to highlight the syntax of .env files, which is very handy for finding some issues.

For more information, be sure to check this Documentation at:

VSCode Extensions for laravel

Conclusion

If you like all these extensions, you can check out for Visual Studio Code's Laravel Extension Pack where you can get all the mentioned extensions as 1 bundle

The only extension not included in the package is the Laravel Blade snippet, so make sure to install it separately!

I hope this is useful to you!

Original address: https://devdojo.com/bobbyiliev/8-awesome-vs-code-extensions-for-laravel-developers

Translation address: https:// learnku.com/laravel/t/71392

[Related recommendations: laravel video tutorial]

The above is the detailed content of 8 Awesome Laravel Development Extensions for VSCode. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undress AI Tool

Undress AI Tool

Undress images for free

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Hot Topics

PHP Tutorial
1596
276
How to debug a Python script in VSCode How to debug a Python script in VSCode Aug 16, 2025 am 02:53 AM

To debug Python scripts, you need to first install the Python extension and configure the interpreter, then create a launch.json file to set the debugging configuration, then set a breakpoint in the code and press F5 to start the debugging. The script will be paused at the breakpoint, allowing checking variables and step-by-step execution. Finally, by checking the problem by viewing the console output, adding logs or adjusting parameters, etc., to ensure that the debugging process is simple and efficient after the environment is correct.

How to use the go to definition feature in vscode? How to use the go to definition feature in vscode? Aug 08, 2025 pm 02:59 PM

UseCtrl click(Cmd clickonmacOS)onasymboltogodirectlytoitsdefinition.2.PressF12withthecursoronthesymboltonavigatetoitsdefinition,oruseCtrl Shift F12topreviewitinapeekwindow.3.Right-clickthesymbolandselect"GotoDefinition"or"PeekDefinitio

How to debug a Rust program in VSCode How to debug a Rust program in VSCode Aug 22, 2025 am 09:33 AM

Yes, VSCode can debug Rust programs, but it requires installing rust-analyzer, CodeLLDB extension and lldb or gdb debugger. After configuring launch.json and setting breakpoints, you can start debugging through F5, check variables, step-by-step execution and evaluate expressions. Although it is not as convenient as JavaScript and other languages, efficient debugging can be achieved through correct configuration.

How to automatically format Python code in VSCode How to automatically format Python code in VSCode Aug 14, 2025 pm 04:10 PM

ToautomaticallyformatPythoncodeinVSCode,installBlackusingpipinstallblack,installtheofficialMicrosoftPythonextension,setBlackastheformatterinsettings.jsonwith"python.formatting.provider":"black",enableformatonsavebyadding"edit

How to use the split editor feature in VSCode How to use the split editor feature in VSCode Aug 16, 2025 am 10:48 AM

Use drag and drop labels, right-click menus, shortcut keys (such as Ctrl\) or command panel to split the editor; 2. After splitting, you can form editing groups with vertical, horizontal or grid layouts; 3. Switch between groups by dragging labels or using shortcut keys (such as Ctrl 1/2/3); 4. You can adjust the segmentation size, move files between panes, and navigate errors across segmentation; 5. Use the right-click menu or the "JoinAllEditors" command to manage and merge segmentation; 6. You can configure the behavior of automatically opening files on the side in the settings; the segmentation editor is flexible, suitable for code comparison, writing and reconstruction, and can be seamlessly integrated into the workflow.

How to connect to a remote server in vscode? How to connect to a remote server in vscode? Aug 12, 2025 am 01:49 AM

Install Remote-SSH extension; 2. Configure local SSH access and recommend the use of SSH keys; 3. Enter host information through the command panel or connect using ~/.ssh/config file; 4. After connecting, open the folder on the remote server to edit. VSCode will automatically install the remote extension and provide complete development functions. Before connecting, you need to ensure that the SSH service is normal, the firewall allows ports and the key permissions are correct, and finally achieve a remote development experience that is almost consistent with local development.

How to change the icon theme in vscode? How to change the icon theme in vscode? Aug 12, 2025 am 10:28 AM

Open the command panel (Ctrl Shift P or Cmd Shift P), 2. Enter and select "Preferences:FileIconTheme", 3. Select a built-in or installed icon theme (such as Minimal, Seti, MaterialIconTheme, etc.) from the drop-down list, 4. If there is no required theme, you need to install it through the extension store (Ctrl Shift X), 5. Optional: Modify the workbench.iconTheme value by modifying the JSON file in the settings to set the theme, 6. After replacement, it is recommended to reload VSCode (Ctrl R or Cmd R) to ensure that the icon is updated correctly, and the changes are only shadows.

How to schedule Artisan commands in Laravel How to schedule Artisan commands in Laravel Aug 14, 2025 pm 12:00 PM

Define the schedule: Use Schedule object to configure Artisan command scheduling in the schedule method of the App\Console\Kernel class; 2. Set the frequency: Set the execution frequency through chain methods such as everyMinute, daily, hourly or cron syntax; 3. Pass parameters: Use arrays or strings to pass parameters to the command; 4. Scheduling the shell command: Use exec method to run system commands; 5. Add conditions: Use when, weekdays and other methods to control the execution timing; 6. Output processing: Use sendOutputTo, appendOutputTo or emailOutputTo to record or

See all articles