PhpStorm .vue pug造型

Question

当使用pug时，是否有人在.vue文件中遇到PhpStorm语法高亮显示的问题？

这是只在WebStorm中提供而不打算来PhpStorm的东西吗？

在PhpStorm中，我的视图文件如下所示：

​

​

我安装了以下插件：

.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

如果我在WebStorm中打开同一个文件，它会像预期的那样突出显示。

​

​

我运行Phpstorm2017.1.4& Vue.js插件的版本是171.4424.63。我已经删除了Vue.js插件，并重新安装了很多次，没有运气。

Answer 1

谢谢你@莉娜

在*.vue中(设置/编辑器/文件类型)没有列出。

我有一个叫做Vue.js模板的部分，但是它是空的，没有注册的模式。在那里添加*.vue解决了我的问题。

谢谢。

Answer 2

它在PHPStorm中的工作方式与Webstorm一样：

​

​

从你的截图来看，你似乎安装了错误的(旧的) Vue.js插件。您使用的是什么PhpStorm版本？