

That should do it, you should now see syntax highlight within your Edge templates. It includes hundreds of inspections for all supported languages and a spelling and grammar. Go to and select the vscode-edge folder you downloaded/cloned from GitHubĮnsure it’s checked within the TextMate Bundles list WebStorm makes it easy to detect errors and typos in your code. Within the TextMate Bundles panel, click the + icon in the top-right corner Next, jump into WebStorm and do the following. It is a small yet capable code editor that can be downloaded and used for free. You can either download the zip and extract it or clone it onto your machine. Top Node.js IDEs for app development in the year 2022 are IntelliJ IDEA. 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. NET development in editors such as Atom, Brackets, Sublime Text, Emacs, and Vim. 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.
