PhpStorm .vue 哈巴狗造型答案

【问题标题】：PhpStorm .vue pug stylingPhpStorm .vue 哈巴狗造型
【发布时间】：2017-07-17 07:49:42
【问题描述】：

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

这是仅在 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 中打开同一个文件，它会按预期突出显示。

我正在运行 Phpstorm 2017.1.4 和 Vue.js 插件版本 171.4424.63。我已经删除了 Vue.js 插件并重新安装了很多次，但都没有成功。

【问题讨论】：

JetBrains 也有一个 PhpStorm 支持论坛，也许你可以更快地得到答案？

标签： vue.js pug webstorm jetbrains-ide phpstorm-2017.1

【解决方案1】：

它在 PHPStorm 中的工作方式与在 Webstorm 中相同：

从您的屏幕截图看来，您安装了错误的（旧）Vue.js 插件。您使用的是哪个 PhpStorm 版本？

【讨论】：

我正在运行 Phpstorm 2017.1.4。我拥有的 Vue.js 插件的版本是 171.4424.63。我删除了这个插件并重新安装它并获得相同的版本仍然存在上述突出显示错误。
我删除了这个插件并重新安装它并获得相同的版本，但仍然存在上述突出显示错误。 Vue.js 插件列在“安装 JetBrains 插件”部分下，是唯一列出的一个。
`*.vue* 模式与什么文件类型（设置|编辑器|文件类型）相关联？
感谢修复！！

【解决方案2】：

谢谢@lena

在（设置 | 编辑器 | 文件类型）内 *.vue 未列出。

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

谢谢。

【讨论】：