1

.vue在使用 pug 时，是否有人遇到过 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 中打开同一个文件，它会按预期突出显示。

在此处输入图像描述

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

4

2 回答 2

2

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

在此处输入图像描述

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

于 2017-07-18T20:47:40.600 回答
0

谢谢@lena

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

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

谢谢。

于 2017-07-19T10:00:06.523 回答