

Many programmers prefer monospace/fixed-width fonts to help readability and make code easier to scan for errors, so most of them fall under that category.

Makes a clear distinction between commonly-confused characters such as the letter “O” and the number “0” or the lowercase “L” and the number “1”.Clear and easy-to-read characters to reduce eye strain when spending hours looking at hundreds of lines of code.

So what’s in a suitable programming font? Here’s what you need to look out for. That should do it, you should now see syntax highlight within your Edge templates.Unlock 4 months off on All WordPress Annual Plans 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.
