PhpStorm .vue哈巴狗造型

时间:2017-07-17 07:49:43

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

使用pug时,是否有人在PhpStorm中为.vue文件突出显示语法问题?

这是仅在WebStorm中提供并且不计划进入PhpStorm的东西吗?

在PhpStorm中,我的视图文件如下所示:

enter image description here

我安装了以下插件:
.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中打开相同的文件,它会按预期突出显示。

enter image description here

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

2 个答案:

答案 0 :(得分:2)

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

enter image description here

从您的屏幕截图中看来,您安装了错误的(旧)Vue.js插件。您使用的PhpStorm版本是什么?

答案 1 :(得分:0)

谢谢@lena

未列出(设置|编辑器|文件类型)* .vue。

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

感谢。