Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How can I enable syntax highlighting for .vue files in Atom?

Tags:

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?

like image 807
DMrFrost Avatar asked Jul 21 '17 01:07

DMrFrost


People also ask

What are .VUE files?

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.

Does Atom support Vue?

The most popular code editors like Sublime Text, Visual Studio, and Atom support Vue, which makes trying it out easier.

How do I download packages in atom?

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.


1 Answers

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.

like image 62
Ikbel Avatar answered Oct 01 '22 16:10

Ikbel