Introduction
While I'm still a sublime fan for quite some time, I've been mainly using VS Code.
For anyone who is just getting started with Laravel, I would recommend going through this Laravel basics course here!
Here is a list of my top 8 VS Code extensions for Laravel developers, which would help you be more productive!
1. Laravel Blade Snippets
The Laravel blade snippets extension adds syntax highlight support for Laravel Blade to your VS Code editor.
Some of the main features of this extension are:
- Blade syntax highlight
- Blade snippets
- Emmet works in blade template
- Blade formatting
In order to make sure that the extension works as expected, there is some additional configuration that needs to be done. Go to 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 and if enable blade formatting.
For more information on the available snippets, make sure to check the documentation here:
View Website
View Website
View Website
2. Laravel Snippets
This one is probably my personal favorite! The Laravel Snippets extension adds snippets for the Facades like Request::, Route:: etc.
Some of the supported snippet prefixes include:
- Auth
- Broadcast
- Cache
- Config
- Console
- Cookie
- Crypt
- DB
- Event
- View
For more information on the available snippets, make sure to check the documentation here:
3. Laravel Blade Spacer
Isn't it annoying when you try to echo out something in your Blade views with {{ }} and your whole line going back 4 spaces? Well, luckily, the Laravel Blade Spacer fixes that!
The Laravel blade spacer extension automatically adds spacing to your blade templating markers:
For more information, make sure to check the documentation here:
4. Laravel Artisan
I personally like to use the command line all the time, but I have to admit that the Laravel Artisan extension is awesome! It lets you run Laravel Artisan commands from within Visual Studio Code directly!
Some of the main features are:
- Make files like Controllers, Migrations, etc.
- Run Your own Custom Commands
- Manage your database
- Clear the Caches
- Generate Keys
- View all application routes
- Manage your local php server for test purposes
For more information, make sure to check the documentation here:
5. Laravel Extra Intellisense
The Laravel Extra Intellisense extension provides autocompletion for Larave in VSCode.
The extension comes with auto-completion for:
- Route names and route parameters
- Views and variables
- Configs
- Translations and translation parameters
- Laravel mix function
- Validation rules
- View sections and stacks
- Env
- Route Middlewares
For more information, make sure to check the documentation here:
6. Laravel goto Controller
As your application grows, the number of your Controllers grows as well, so at some point, you might end up with hundreds of controllers. Hance finding your way around might get tedious.
This is the exact problem that the Laravel-goto-controller VScode extension solves.
The extension allows you to press Alt + click on the name of the controller in your routes file, and it will navigate you from the route to the respective controller file:
For more information, make sure to check the documentation here:
7. Laravel goto View
Similar to the Laravel goto Controller extension, the Laravel goto View VScode extension allows you to go from your Controller or Route to your view. This can save you quite a bit of time!
You can use Ctrl or Alt + click to jump to the first matched Blade View file:
For more information, make sure to check the documentation here:
8. DotENV syntax highlighting
This one is pretty simple but handy. The DotENV VS Code extension is used to highlight the syntax of your .env file, which could be quite handy for spotting some problems:
For more information, make sure to check the documentation here:
Book recommendation
If you are a Laravel fan, make sure to check out the The Laravel Survival Guide ebook!
Conclusion
If you like all those extensions, you can take a look at the Laravel Extension Pack for Visual Studio Code, where you could get all of the mentioned extensions as 1 bundle!
The only extension not included in the pack is the Laravel Blade Spacer, so make sure to install it separately!
I hope that this helps!
Comments (3)