Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to add Syntax highlighting for .Vue files in Eclipse

Tags:

eclipse

vue.js

I just want to ask if you know how to add syntax highlighting for vue files using vue-loader. I'm using Eclipse Neon

like image 569
TheBAST Avatar asked May 20 '17 13:05

TheBAST


People also ask

How to use Vue js in Eclipse?

Go to File>New>Project>CodeMix and select Vue Project to create a new Vue template project. The wizard makes it easy to start a new project, and even installs any missing Vue extensions.

What is .VUE extension?

Vue. js is a popular JavaScript library for building web application user interfaces and Visual Studio Code has built-in support for the Vue. js building blocks of HTML, CSS, and JavaScript. For a richer Vue. js development environment, you can install the Vetur extension which supports Vue.


2 Answers

vue is mostly tags and javascript so treating it as a HTML file would be fair enough. That can be set in eclipse for *.vue under HTML in content type. enter image description here

like image 163
Code Tree Avatar answered Oct 18 '22 19:10

Code Tree


There is a plugin in the Marketplace that might be what you're looking for. It's called CodeMix CI 1. I just installed it and aside from adding syntax highlighting, it also does code completion, which comes really handy.

like image 38
Ben Lazaro Avatar answered Oct 18 '22 19:10

Ben Lazaro