Idea 引用vue.js后没有代码提示

1、问题

Idea导入Vue.js时候,没有自动提示

2、解决方式


1、File->setting->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,v-model,v-for,v-text,v-html,v-if,v-else-if,v-else,v-pre,v-once,v-bind,scoped,@keyup.enter,:class,:style,v-show,:key,@keyup,@submit,@submit.prevent,@mouseenter,@mouseleave,
@mouseout,@mouseover


如下图:

2、File->setting->File Types里面找到HTML,在Registered Patterns里面添加*.vue即可,如图所示

3、vue自动提示成功,如下图

记得加上   <   开头才有提示

参考:https://blog.csdn.net/qq_36949176/article/details/98501668

  • 13
    点赞
  • 31
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
你可以通过以下两种方法来下载和安装Vue.js插件到IDEA中: 方法一:通过IDEA的插件搜索和安装: 1. 打开IDEA,点击菜单栏中的"Setting"(设置)选项; 2. 在设置界面中,选择"Plugins"(插件)选项; 3. 在插件页面的搜索框中输入"vue",并点击搜索按钮; 4. 如果能够搜索到"Vue.js"插件,点击"Install"(安装)按钮即可。但有时候可能会搜索不到或者安装失败。 方法二:通过官网下载插件并手动安装: 1. 首先,你需要到Vue.js插件的官方网站(https://plugins.jetbrains.com/plugin/9442-vue-js/versions)上下载与你使用的IDEA版本对应的插件; 2. 下载完成后,将解压后的文件夹放在IDEA的插件目录下。一般来说,插件目录位于IDEA的安装目录下的"plugins"文件夹; 3. 打开IDEA,点击菜单栏中的"Setting"(设置)选项; 4. 在设置界面中,选择"Plugins"(插件)选项; 5. 点击页面右上角的"Install"(安装)按钮,选择从本地磁盘安装插件; 6. 找到刚刚下载和解压的插件文件夹,选择其中的"vuejs"文件夹进行安装; 7. 安装完成后,IDEA提示你重启。点击"ReStart"(重启)按钮,重启IDEA; 8. 重启后,在IDEA中新建一个"App.vue"文件,如果成功安装插件,你会看到Vue的官方标识; 9. 为了更方便地使用Vue,你还可以进行一些设置:点击菜单栏中的"Setting"(设置)选项,然后选择"Editor"(编辑器)选项,再选择"File Types"(文件类型)选项; 10. 在文件类型页面中,找到"Vue"模板,点击右边的"+"号添加"*.vue"; 11. 点击完成退出设置,此时Vue的图标应该正常显示了; 12. 同时,为了以后更好地使用,你还可以将Vue添加到创建文件的选项栏中:在模板选项中为Vue添加模板代码。 注意:以上是两种常用的安装方法,具体操作可能会因为IDEA版本和操作系统而有所差异,请根据具体情况进行操作。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [idea 下载vue 插件](https://blog.csdn.net/cdliker/article/details/122263831)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [如何在IDEA中安装vue插件](https://blog.csdn.net/m0_47333020/article/details/108182429)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [idea vue.js插件(2019.3.1)](https://download.csdn.net/download/cjihulikax/12131779)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值