8 Awesome Laravel Development Extensions for VSCode
This article is a list of the top 8 VSCode extensions for Laravel developers, which will help you improve your work efficiency!
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:
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:
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:
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:
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:
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:
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:
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:
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!

Hot AI Tools

Undress AI Tool
Undress images for free

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Clothoff.io
AI clothes remover

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

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

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.

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

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.

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

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.

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.

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.

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
