Intellij IDEA 修改支持的文件后缀

2020-03-04 12:54:25

参考地址 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@submitscoped
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-bindv-bind:classv-bind:stylev-bind:idv-bind:href

如下图所示：
在这里插入图片描述

  • File->setting->Editor->File Types里面找到HTML，在Registered Patterns里面添加*.vue即可，如图所示：
    在这里插入图片描述

  • 效果
    在这里插入图片描述

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

  • File->setting->keymap->Main Menu
    在这里插入图片描述


  • 精彩推荐

  • 2019-10-10 00:21:35

    laravel 5.6以上日志理解及日志格式定义

    Laravel/Lumen的日志默认是基于Monolog进行了一层封装，如果要求不高，用起来还是十分容易的，本文基于laravel5.6/Lumen5.6版本进行解说。5.6版对日志系统做了升级，将日志的配置单独放以了config/logging.php 配置文件中，所以现在实用多了。

  • 2019-10-10 10:10:49

    @Scheduled注解各参数详解

    每隔5秒执行一次：*/5 * * * * ? 每隔1分钟执行一次：0 */1 * * * ? 每天23点执行一次：0 0 23 * * ? 每天凌晨1点执行一次：0 0 1 * * ? 每月1号凌晨1点执行一次：0 0 1 1 * ? 每月最后一天23点执行一次：0 0 23 L * ? 每周星期天凌晨1点实行一次：0 0 1 ? * L 在26分、29分、33分执行一次：0 26,29,33 * * * ? 每天的0点、13点、18点、21点都执行一次：0 0 0,13,18,21 * * ?

  • 2019-10-10 11:07:47

    Java8 - Map更优雅的迭代方式：forEach

    用于两个参数之间进行操作的函数式接口是 BiConsumer。这个函数式接口正好用来操作 Map 的 key 和 value。JDK8强化了针对 Map 类的迭代方式，新增了一个默认方法 forEach，它接收一个 BiConsumer 函数。JDK给出的描述如下：

  • 2019-10-11 13:48:00

    关于Integer比较相等的问题

    原来两个Integer类型的数字不能用==来判断，要用equal 不过Integer类型的可以与1，2这样的纯数字来判断