IntelliJ IDEA設定VUEのサポート

、のIntelliJ IDEAは、ファイルをサポートしています.vue

インストールvue.js

  • ファイル- >設定- >プラグインは、入力しvue、検索結果vue.jsの右側をクリックしてinstall成功したアイデア後の再起動をインストールするには、ボタン、このアイデアは.vueファイルを識別することができます
    ここに画像を挿入説明

新しいドキュメントテンプレートVUEを設定します

  • file-->setting-->editor-->file and code Templates、選択Vue Fileした後、あなたは右のデフォルトのテンプレートのコンテンツボックスを編集することができ、あなたは、「OK」をクリックし編集が完了しました。ここに画像を挿入説明
  • このファイルには、新しいオプションによって作成することができ.vue
    ここに画像を挿入説明

二、アイデアを設定VUE文法のヒント

  • File->setting->Editor->Inspections検索する権利はHTML->Unknown HTML tag attribute、右側にOptions->Custom HTML tag attributes、内部の次のコードを追加します。
@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

下図のように:
ここに画像を挿入説明

  • File->setting->Editor->File Types内部見出されHTMLRegistered Patterns追加した*.vue缶は、図示のように:
    ここに画像を挿入説明
  • 効果
    ここに画像を挿入説明

三、アイデアのコードは、ショートカットキーをヒント

  • File->setting->keymap->Main Menu
    ここに画像を挿入説明

おすすめ

転載: www.cnblogs.com/maggieq8324/p/11458752.html