<p>There are so many Extensions available on visual studio code. You can install for the language snippets, for auto-suggest code, and for checking syntax. If you are looking for the debug page load process then you have to try the default debug toolbar of Craft CMS. To enable the default to debug toolbar you can go to the profile page -&gt; Preferences from the control panel and then check the below 2 options.</p>
<ol>
<li>Show the debug toolbar on the front end</li>
<li>Show the debug toolbar in the control panel</li>
</ol>
<p>After enabling it will look like this.</p>
<p><a href="https://i.sstatic.net/cPBor.png" rel="nofollow noreferrer"><img src="https://i.sstatic.net/cPBor.png" alt="enter image description here" /></a></p>
<p>I hope this will help.</p>
<p>Thanks.</p>

CC BY-SA 4.0
2021-08-31T13:06:40.893Z
2021-08-31T13:06:40.893Z
ZealousWeb
<p>Is there a way to debug templates used in craft cms on visual studio code? I tried doing it but I just get this error:
&quot;${workspaceFolder}' can not be resolved. Please open a folder.&quot;
Any help would be appreciated</p>

<craft3><templating><debugging>
Debugging Craft CMS templates on Visual Studio Code
# Debugging Craft CMS templates on Visual Studio Code

(Asked by: username_0 on 2021-06-20)

Is there a way to debug templates used in craft cms on visual studio code? I tried doing it but I just get this error:
"${workspaceFolder}' can not be resolved. Please open a folder."
Any help would be appreciated

**Tags:** craft3, templating, debugging

---

## 1 answers

### Answer by username_1 on 2021-08-31. Score: 2

There are so many Extensions available on visual studio code. You can install for the language snippets, for auto-suggest code, and for checking syntax. If you are looking for the debug page load process then you have to try the default debug toolbar of Craft CMS. To enable the default to debug toolbar you can go to the profile page -> Preferences from the control panel and then check the below 2 options.

1. Show the debug toolbar on the front end
2. Show the debug toolbar in the control panel

After enabling it will look like this.

[![enter image description here](https://i.sstatic.net/cPBor.png)](https://i.sstatic.net/cPBor.png)

I hope this will help.

Thanks.


---

