PhpStorm .vue哈巴狗造型

Question

Is anyone getting issues with syntax highlighting for .vue files within PhpStorm when using pug?

Is this something that it only available in WebStorm and not planning on coming to PhpStorm?

Within PhpStorm my view file looks like the following:

I have the following plugins installed:
.ignore, AngularJS, Apache config (.htaccess) support, ASP, BashSupport, Behat Support, Blade Support, Bootstrap 3, Codeception Framework, CoffeeScript, Color Ide, Command Line Tool Support, Copyright, CSS Support, CSSReorder (beta), CVS Integration, Database Tools and SQL, Docker integration, Drupal Support, EditorConfig, EJS, File Watchers, Gherkin, Git Integration, GitHub, GNU GetText files support (*.po), Go Lang Plugin, Google App Engine Support for PHP, Haml, hg4idea, HTML Tools, Ini4Idea, IntelliLang, JavaScript Debugger, JavaScript Intention Power Pack, JavaScript Support, Joomla! Support, Karma, Less support, Markdown Navigator, Markdown support, Material Theme UI, NodeJS, Perforce Integration, Performance Testing, Phing Support, PHP Docker, PHP Remote Interpreter, PHPSpec BDD Framework, PhpStorm Workshop, Pug (ex-Jade), QuirksMode, Refactor-X, Remote Hosts Access, REST Client, ReStructuredText Support, Sass support, Settings Repository, SSH Remote Run, Stylus support, Subversion Integration, Task Management, Terminal, TextMate bundles support, Time Tracking, tslint, Twig Support, UML Support, Vagrant, Vue.js, W3C Validators, WordPress Support, XPathView + XSLT Support, XSLT-Debugger, YAML

If I open the same file within WebStorm it highlights as expected.

Im running Phpstorm 2017.1.4 & Vue.js plugin is version 171.4424.63. I have removed the Vue.js plugin and re-installed it a number of times with no luck.

Answer 1

it works in PHPStorm just in the same way as in Webstorm:

from your screenshot it seems that you have the wrong (old) Vue.js plugin installed. what PhpStorm version do you work with?

Answer 2

Thanks @lena

Within (Settings | Editor | File Types) *.vue was not listed.

I had a section called Vue.js Templates but it empty with no Registered Patterns. Adding *.vue in there fixed my issue.

Thanks.