And this is perfectly normal, you feel more productive and everything feels really easy to do. Jokes aside, it's a fact that when we get used to working with a specific tool, in the end we all tend to fall in love with it. But after all this time and all the experience behind us, I think we're both more mature now and it's the perfect time for this relationship to finally work. We've broken up and got back together so many times I can't even tell. That should do it, you should now see syntax highlight within your Edge templates.My story with Visual Studio Code (aka VS Code and vscode) hasn't been the typical love story but more of a toxic relationship. Go to and select the vscode-edge folder you downloaded/cloned from GitHubĮnsure it’s checked within the TextMate Bundles list Within the TextMate Bundles panel, click the + icon in the top-right corner

Next, jump into WebStorm and do the following.

You can either download the zip and extract it or clone it onto your machine. Adding Edge Supportįirst, download the source code from the Visual Studio Code Edge plugin. So, I wanted to share this method with you all since I know a few of you are using WebStorm.

I gave this a go and while it’s not perfect, it does a pretty good job and is definitely better than nothing. Download this repo, then go to the IDE preferences - Editor - TextMate Bundles, click Add and select the downloaded source code of the plugin. You can add syntax highlighting for Edge templates via using the TextMate syntax file. I was searching the internet to see what others were using to get some syntax highlighting and I happened across this comment post by Ekaterina Prigara, who mentions: Now, one of the things you’ll notice when you try to use an AdonisJS project within WebStorm is that it currently doesn’t have support for the Edge templating engine neither out of the box nor through a plugin.

So, a couple of days ago I decided to try WebStorm as my text editor to mix things up a bit from Visual Studio Code.

Download webstorm vscode