Associating templating file formats with html in Visual Studio Code

December 15, 2018 - 1 min - Written by Karam

Image Source: https://marketplace.visualstudio.com/items?itemName=luongnd.edge

If you’ve been following my blog recently, you’ll be aware that I’ve been playing around a lot with AdonisJS at home and as it is a Node.js web framework, instead of just plain HTML in views, it actually uses its own templating engine instead called Edge.

This is just a quick post that addresses a small issue in Visual Studio Code that I’ve faced a lot in the past when dealing with different frameworks and different templating languages such as Nunjucks that are all really just HTML based files.

What’s the issue?

Formatting the files is the issue. Be honest, you’ve been there - or you’re currently there at the moment. The dreaded “Sorry, but there is no formatter for ‘xyz’-files installed.” message, and all you really want is for Visual Studio Code to just pretend your file is a standard HTML file!

What’s the solution?

Press CTRL + SHIFT + P and search for “Preferences: Open Settings (JSON)” or go to File > Preferences > Settings & search for “files.associations” via your VS Code GUI.

Then simply add an association that tells VS Code to treat your file type of “xyz” as a “html” file. In my case, I went for the following:

"files.associations": {
  "*.edge": "html"
}

Hopefully that helped you as much as it helped me!

See you next week!

Comments

comments powered by Disqus