zoukankan      html  css  js  c++  java
  • IntelliJ IDEA 设置 vue 支持

    一、IntelliJ IDEA支持.vue文件

    安装vue.js

    • file --> settings --> plugins,输入vue,点击搜索结果里的vue.js右边的install按钮,安装成功后重启idea,这样idea就能识别.vue文件了
      在这里插入图片描述

    设置vue新建文件模板

    • file-->setting-->editor-->file and code Templates,选择Vue File,然后可以在右边框中编辑默认模板内容,编辑完点击“ok”。在这里插入图片描述
    • 这样就可以通过new选项创建.vue文件
      在这里插入图片描述

    二、idea设置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里面找到HTML,在Registered Patterns里面添加*.vue即可,如图所示:
      在这里插入图片描述
    • 效果
      在这里插入图片描述

    三、idea代码提示快捷键设置

    • File->setting->keymap->Main Menu
      在这里插入图片描述
  • 相关阅读:
    MySQL 之 创建千万数据测试
    MySQL中的各种引擎
    MySQL 之【约束】【数据库设计】
    MySQL 的增删改查
    SQL数据类型
    SQL 数据类型
    数据库
    摘要算法
    Python 标准库-json
    Python 标准库-sys
  • 原文地址:https://www.cnblogs.com/maggieq8324/p/11458752.html
Copyright © 2011-2022 走看看