Issue has been up since 2013 with no official word. Because Webstorm doesn't support template language injection. UPD2: For more info check the issue at github: Click Download, Switch to TypeScript community stubs. UPD: The steps below are not so trusted, they may helps, or may not, some of them I didn't check personally, or I didn't catch is any effect exist or not. (This is would help to recognise constructions like setTimeout(() =>, 100)) Recognized File Types, then add *.vue as a new Registered Open Settings(Preferences) => Editor => File Types find HTML in

Make *.vue files to be recognized as a html flies.

If 'Node.js core library is not enabled', click button EnabledĭEPRECATED (may be required if you don't use vue plugins for IDE): Open Settings(Preferences) => Languages & Frameworks => Node.js and NPM You can dowmload it with npm or whatever) (after this you should set path to the vue.js. Open Settings(Preferences) => Languages & Frameworks => Javascript => Actually it's should work in more common way: Select Unknown HTML tag attributes => click Custom HTML tag attributes.įor example, my For the full list of custom tags check answer below Open Settings(Preferences) => Editor => Inspection => HTML =>

Improve HTML-tag's attributes highlighting.

Set Javascript Language Version to ECMAcript6 Open Settings(Preferences) => Language & Frameworks =>

Set 'Javascript Language Version' to ES6.

You can install it via Settings(Preferences) => Plugins => Browse repositories => (search for) 'vue'Ĭhoose one or both: 'Vue.js' or 'vue-for-idea'.

John Kelly's Vue.js plugin force you to use special declarations for ES6 and scss, sass (see deprecated section below).

vue-for-idea has weird side-effects (hiding node_modules from project view).

UPDATE: Both plugins have own problems atm This is the checklist of ways to improve WebStorm(PhpStorm, Idea, etc.) experience:

WebStorm now supports vue.js (starting from 2017.1 )

Download pycharm vue js