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-05-21 12:43:26

    （重要）RecycleView的缓存机制

    RecycleView的四级缓存是由三个类共同作用完成的，Recycler、RecycledViewPool和ViewCacheExtension。Recycler用于管理已经废弃或者与RecyclerView分离的ViewHolder，这里面有两个重要的成员，为可以看见的屏幕的内部缓存成员mAttachedScrap、mChangedScrap和滑出屏幕外的外部缓存成员mCachedViews二者共同完成ViewHolder的缓存；RecycledViewPool类是用来缓存整体所有的ViewHolder，是对mCachedViews缓存的补充；ViewCacheExtension是扩展内的缓存对象，默认不加载，需实现方法getViewForPositionAndType(Recycler recycler, int position, int type)来实现自己的缓存。接下来对四级缓存一步步介绍。

  • 2019-05-21 12:44:31

    对嵌套RecyclerView的优化

    RecyclerView 是一个更高级的 ListView ，它可以重用view避免额外创建太多的view从而带来流畅的滚动性能。RecyclerView通过叫做 View pool 的东西持有不再可见的 view ，让它可被回收

  • 2019-05-25 14:54:50

    commit your changes or stash them before you can merge

    Your local changes to the following files would be overwritten by merge:         protected/config/main.php Please, commit your changes or stash them before you can merge. --------------------- 作者：陈小峰_iefreer 来源：CSDN 原文：https://blog.csdn.net/iefreer/article/details/7679631 版权声明：本文为博主原创文章，转载请附上博文链接！

  • 2019-05-27 10:43:34

    IntelliJ IDEA中C盘文件过大怎么办

    当我在D：\ 安装完IDEA9.0之后,建立了一个工程,发现C:\Users\Administrator\.IntelliJIdea90 竟然增大到了500+M，并且随着使用在逐渐增大，这样占用系统盘资源是非常让人不爽的，那么如何将其修改到其他路径呢？

  • 2019-05-28 13:33:20

    BRVAH+MTRVA，复杂？不存在的

    言归正传，这样的一个首页，我们需要做怎么样的基础工作呢？或者说，碰到以后更复杂的页面我们应该怎么做？这里小提示下，不要再用什么类似ScrollView的这种东西了，诶，好像说的有点绝对，尽量不要用，这不是谷歌想要看到的，5.0谷歌推出了RecyclerView，从它的整个设计架构来看，简直就是为这而生的。而RecyclerView的视图是通过Adapter来渲染的。原始的Adapter，让人很蛋疼，重复工作太多，我们应该要有封装的思想，把最需要的部分提供出来，其它不用管。