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-06-24 06:22:10

    Android RecyclerView嵌套的滑动冲突问题

    这是一个简单的recyclerView嵌套recyclerView的demo, 很明显,子布局应该也是可以滑动的才对,但你滑动子布局却是父布局在滑动 这就是滑动冲突

  • 2019-07-02 21:55:47

    Nginx出现500 Internal Server Error 错误的解决方案

    Nginx 500错误(Internal Server Error 内部服务器错误):500错误指的是服务器内部错误,也就是服务器遇到意外情况,而无法履行请求。 在高并发连接的情况下,Nginx是Apache服务器不错的替代品。Nginx同时也可以作为7层负载均衡服务器来使用。根据测试结果,Nginx 0.6.31 + PHP 5.2.6 (FastCGI) 可以承受3万以上的并发连接数,相当于同等环境下Apache的10倍。