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
    在这里插入图片描述


  • 精彩推荐

  • 2017-04-15 23:54:49

    ViewPager+Fragment取消预加载以及禁止滑动

    取消预加载 网上了解了很多取消预加载的方法，里面提到了使用一个viewpager的public方法setOffscreenPageLimit 经过查看源码以及验证发现该方法是管理Viewpager预加载的页数，最低也是默认为一页（例如ViewPager一共有4页，当前手机屏幕显示第一页

  • 2017-04-15 23:56:30

    onInterceptTouchEvent和onTouchEvent调用关系详解

    如果没有onInterceptTouchEvent，只考虑onTouchEvent的话，比较容易分析和理解。假如有三层布局结构，linearLayout1,linearLayout2,textView，从前到后是包含的关系。那么下面分情况说明。

  • 2017-04-16 19:36:32

    ViewPager预加载问题和onCreateView多次调用问题的解决

    1,在使用ViewPager嵌套Fragment的时候，由于VIewPager的几个Adapter的设置来说，都会有一定的预加载(默认是左右各一个Frament)。通过设置setOffscreenPageLimit（int number) 来设置预加载的熟练，在V4包中，默认的预加载是1，即使你设置为0，也是不起作用的，设置的只能是大于1才会有效果的。我们需要通过更改V4包中的默认属性才可以

  • 2017-04-16 21:02:55

    ImageView的android:adjustViewBounds属性

    取值为true时： Adjust the ImageView's bounds to preserve the aspect ration of its drawable. 调整ImageView的界限来保持图像纵横比不变。 这并不意味着ImageView的纵横比就一定和图像的纵横比相同

  • 2017-04-18 17:12:50

    Laravel 读取 config 下的数据

    Laravel的config下一般存放配置信息，可以通过config('key')方法获取指定的数据。 设置值可通过「点」式语法读取，其中包含要访问的文件名以及选项名称。