[Vuejs]-Running .vue files with Syntax Highlighting in IntelliJ IDEA Community Edition

by

0👍

The dedicated Vue.js plugin is only available in IDEA Ultimate, it’s not possible to make it work in the Community edition that supports neither JavaScript nor frameworks. Please see https://www.jetbrains.com/products/compare/?product=idea&product=idea-ce

0👍

Vue support is available in paid IDE versions only (Intellij IDEA Ultimate, WebStrom, PhpStorm, etc.).

You can get some syntax highlighting for *.vue files via TextMate Bundles plugin which is built-in in all modern JetBrains IDEs. There is a tutorial of using it.

Another option that isn’t covered in the tutorial is to reuse TextMate grammar bundled in a VSCode extension:

  1. Call Install VSCode Plugin... action (you can search for available actions via Find Action dialog).
  2. Search for vue (just type vue) in the appeared list of extensions.
  3. Select one of the extensions to install (there are few of them but I don’t know which one is the best).

You can manage installed bundles in Settings > Editor > TextMate Bundles.

Before-after example (seanwash/vue extension is used):
Before-after

Leave a comment