Eclipse fails to open .vue files in Web Page Editor Eclipse fails to open .vue files in Web Page Editor vue.js vue.js

Eclipse fails to open .vue files in Web Page Editor


I found out what the problem is. The Error Log view showed more detailed information about the problem.

The HTML/Web Page Editor requires a file extension to have a valid content type. Because .vue files do not have a predefined content type, the editor just crashes.

As a workaround, you can simply add *.vue to the HTML content type. You can find this setting in PreferencesGeneralContent Types. Then add *.vue to HTML under Text.


You probably also want to set the default editor for .vue files to the HTML/Web Page Editor. You can do this in PreferencesGeneralEditorsFile Associations

Sorry, that I cannot give out the bounty to anybody =)


You can find the window --> preferences-->editors as the picture shows:enter image description here

If you do not set up, eclipse can not recognize the suffix of the file name do not know what way to use it