IDEA中vue模版使用不了vue语法

IDEA中vue模版使用不了vue语法或指令

之前我遇到一个问题,我的vue.js插件已经安装了,但是vue模版中使用不了vue语法或指令,并且文件的图标也出不来。vue模版中还显示multiple root tags 或Tag start is not closed等错误。

解决方案

先下载vue.js插件,File→setting→Plugins→Marketplace(上方导航栏)→搜 vue.js 后下载

IDEA中vue模版使用不了vue语法_第1张图片
IDEA中vue模版使用不了vue语法_第2张图片

安装插件后重启,打开File→setting→Editor→File Types

IDEA中vue模版使用不了vue语法_第3张图片

找到vue.js template

IDEA中vue模版使用不了vue语法_第4张图片
IDEA中vue模版使用不了vue语法_第5张图片

那就弄好了vue的模版文件了,接下来只需要生成这文件就可以了

IDEA中vue模版使用不了vue语法_第6张图片

找到vue Single File Component后点上面的复制

IDEA中vue模版使用不了vue语法_第7张图片

把名字改成vue file就可以了(你也可以随便改你喜欢的名字)

IDEA中vue模版使用不了vue语法_第8张图片

这就大功告成了

你可能感兴趣的:(学习笔记)