IDEA中如何使用Vue

一、在 IDEA 中安装 Vue 插件

1. 先点击 File–>Settings–>Plugins

2. 点击进去后在 Marketplace 下的搜索框搜索 Vue.js 插件进行下载，下载完后点击 Install

3. 上一步操作进行完后，点击 Installed 在其搜索框下搜索 Vue 插件并且进行勾选，勾选后点击 Apply

4.idea 会进行重启，如果没重启自行重启一下。到这一步 Vue 插件即配置成功！

二、让 Vue 的后缀文件 (.vue) 能够识别 HTML 格式

1. 首先在 File 中打开 Settings –>Editor–>File Types，然后再下拉选项中找到 HTML，并且点击其加号添加后缀

2. 添加内容为 *.vue，然后点击 OK 即可配置成功

三、在 IDEA 中添加 Vue 的语法

1. 在这之前我们新建一个 HTML 文件看一下是否有 Vue 语法的存在

输入一个 v 后，没有看到任何关于 Vue 的语法存在，那么我们就去进行配置

2. 点击 File–>Settings–>Editor–>Inspections–>HTML，展开 HTML 后找到 Unknown HTML tag attribute，然后点击其右边的拓展按钮

@tap

@tap.stop

@tap.prevent

@tap.once

@click

@click.stop

@click.prevent

@click.once

@change

@change.lazy

@change.number

@change.trim

v-model

v-for

v-text

v-html

v-if

v-else-if

v-else

v-pre

v-once

v-bind

scoped

@keyup.enter

:class

:style

v-show

:key

@keyup

@submit

@submit.prevent

@mouseenter

@mouseleave

@mouseout

3. 然后将准备好的语法复制粘贴，点击 Apple 即可