Recommended Visual studio code extensions for Laravel developers

Recommended Visual studio code extensions for Laravel developers

Developing Laravel apps with VSCode extensions at ease

Table of contents

No heading

No headings in the article.

In this article, we'll be looking at awesome vscode extensions for PHP/Laravel developers.

Vscode is a free open-source text editing tool by Microsoft with support for developing applications using different programming languages. It has built-in Git functionality.

Install extensions to add new languages, themes, debuggers, and to connect to additional services. Extensions run in separate processes, ensuring they won't slow down your editor.

It has a desktop app for Windows, Linux and macOS. Find out more about [Vscode] (code.visualstudio.com)

image.png

Vscode is one of the best editors a developer should've.

The following are a few amongst many extensions out there to smoothen your development experience in building Laravel apps.

[Laravel Extension Package] (marketplace.visualstudio.com/items?itemName..)

This is one of the finest laravel vscode extensions with 10 extensions in one (collection of vscode extensions)

image.png

image.png

The laravel blade snippet, dotEnv, laravel artisan, go to view, go to controller, laravel extra IntelliSense, PHP debug, PHP IntelliSense, editor config for VScode, are added automatically when the laravel extensions package is installed.

The laravel blade snippet

Features

  • Blade syntax highlight

  • Blade snippets using the @ symbol to access the list of blade snippet

  • Blade formatting

image.png

Demo

screenshot.gif

DotEnv Extension has support for highligting .env variables and values

image.png

image.png

Laravel artisan

With this extension, we can run laravel commands within vscode and also suggest the list of laravel commands in a situation where a developer cannot recall the command name.

image.png

Demo

route-list.gif

Go to view With this extension, a developer can easily navigate to a file from within the code snippets by holding the ctrl key plus click on Windows.

image.png

Demo

use.gif

Go to controller

Alt + click to navigate from a route to a respective controller file.

image.png

Demo

laravel-goto-controller.gif

Laravel Extra Intellisense

Features

  • Autocomplete

  • 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

  • Asset

  • Model Attributes (Beta!)

  • Blade directives

image.png

Demo

screenshot-route.gif

PHP Namespace Resolver

PHP Namespace Resolver can import and expand your class. You can also sort your imported classes by line length or in alphabetical order.

image.png

Demo

upEGtPa.gif

Vscode Icons

Add beautiful custom icons to folders on the directory

image.png

Demo

screenshot (1).gif

Error Lens

Features

  • Highlight lines containing diagnostics

  • Append diagnostic as text to the end of the line

  • Show icons in gutter

  • Show message in status bar

image.png

VSCode Advanced New File

Features

  • Fuzzy-matching autocomplete to create new file relative to existing path (thanks to JoeNg93 for making it faster)

  • Create new directories while creating a new file

  • Create a directory instead of a file by suffixing the file path with / as in somedirectory/ to create the directory (thanks to maximilianschmitt)

  • Ignores gitignored and workspace files.exclude settings.

  • Additional option of adding advancedNewFile.exclude settings to workspace settings just like native files.exlude except it explicitly effects AdvancedNewFile plugin only. (thanks to Kaffiend)

  • Control the order of top convenient options ("last selection", "current file", etc) via config setting advancedNewFile.convenienceOptions

Demo

source.gif

File Utils

A convenient way of creating, duplicating, moving, renaming, deleting files and directories.

Inspired by Sidebar Enhancements for Sublime.

Demo

demo.gif

Thank you for reading this article.

Find this helpful or resourceful? kindly like, comment and share.

💡
Follow me on Hashnode: Alemsbaja X: Alemsbaja | Youtube: Tech with Alemsbaja to stay updated on more comprehensive articles in Tech.

Check out my Tech Youtube channel for technical contents.

Did you find this article valuable?

Support Alemoh Rapheal Baja by becoming a sponsor. Any amount is appreciated!