2018-01-18
Formatting '.ejs' file in VS Code (Visual Studio Code)
blogentry, programming, quicktip, ejs
blogentry, programming, quicktip, ejs
--- NOTE: 2020-08-18 ---
This won't work in newer version of VS Code!
Thank you Angella Naigaga for the comment~
Featured Image - Photo by Sai Kiran Anagani on Unsplash When you use ExpressJS using EJS as a view engine in Visual Studio Code (VS Code hereafter), you might run into the following error message when trying to format an EJS page with a keyboard shortcut (Windows: Shift + Alt + F, MacOS: Shift + Option + F, Ubuntu Ctrl + Shift + I).
Sorry, but there is no formatter for 'ejs'-files installed.
Luckily all you need to do is to add a user setting by associating .ejs extension to be handled with an HTML formatter.
Here are 3 steps to enable EJS files to be formatted with an HTML formatter.
Go to "File -> Preferences -> Settings".
After searching for "files.assocations", copy "files.assocations": {} to clipboard for the next step.
On the right side under "user settings" tab, add
https://gist.github.com/dance2die/f166bfa67e41fb91a8e051a013ac5550
Now you can reformat with a keyboard shortcut without an error. The reformatted code looks like following.
Visual Studio Code documentation on file.associations.