How to setup VSCode to work with Craft CMS

Oscar de la Hera Gomez
Two flowers that represent Craft CMS & VSCode side by side. Beneath them sits the text "VSCode Setup."

Our guide for recommendations on setting up VSCode to work as your preferred IDE with Craft CMS. Includes autocompletion, debugging and more.

Setup Auto Complete

A screenshot of the VSCode Extension for Laravel Intellisense.

To setup Auto Complete functionality you must install the Laravel Intellisense extension.

Navigate to the Extension MarketPlace and search for Laravel Intellisense, select the top result and press install.

Setup Debugging with XDebug

A screenshot of's landing page.

To be able to debug Craft CMS with VSCode you need to download and install XDebug and set it up to function with VSCode.

Follow the tutorials linked below to install it for your OS.

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to with any thoughts or feedback you may have.

delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details