I'm starting up with Vue.js. The first problem I've run into is that my IDE (Atom) doesn't beautify my .vue files. It's all just white text.
How can I make Atom highlight .vue files properly?
Vue Single-File Components (a.k.a. *.vue files, abbreviated as SFC) is a special file format that allows us to encapsulate the template, logic, and styling of a Vue component in a single file.
The most popular code editors like Sublime Text, Visual Studio, and Atom support Vue, which makes trying it out easier.
There are mainly two ways to install packages for Atom: Enter apm install package-name on your terminal. Obviously, the Atom package manager, apm, must be installed (you can enter apm to verify installation). Open Atom and go to edit > preferences > install and then search for the package you want to install.
language-vue package adds syntax highlighting to Vue components.
There is also another package to beautify your code. Install atom-beautify package. It has Vue beautifier
preinstalled.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With