IntelliJ IDEA setting vue support

A, IntelliJ IDEA supports file .vue

Installation vue.js

• file -> settings -> plugins, enter vue, click on the right side of the search results vue.js installbutton to install the restart after a successful idea, this idea can be identified .vue files
  

Set new document template vue

• file-->setting-->editor-->file and code Templates, Select Vue File, and then you can edit the default template content box on the right, you have finished editing click "ok".
• This file can be created by new options .vue
  

Two, idea Set vue grammar tips

• File->setting->Editor->InspectionsThe right to find HTML->Unknown HTML tag attribute, on the right Options->Custom HTML tag attributes, add the following code inside:

@tap
@tap.stop
@tap.prevent
@tap.once
@click
@click.stop
@click.prevent
@click.once
@change
@change.lazy
@change.number
@change.trim
@on
@blur
@fous
@submit
scoped
v-model
v-model.number
v-model.trim
v-for
v-text
v-html
v-show
v-if
v-else-if
v-else
v-pre
v-bind
v-bind:class
v-bind:style
v-bind:id
v-bind:href

As shown below:

• File->setting->Editor->File TypesFound inside HTML, the Registered Patternsadded which *.vuecan, as shown:
  
• effect
  

Three, idea code hints shortcut keys

• File->setting->keymap->Main Menu