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(上方导航栏)→搜 vu...

「已注销」

3699人浏览 · 2019-07-13 17:23:31

「已注销」 · 2019-07-13 17:23:31 发布

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

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

解决方案

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

在这里插入图片描述

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

在这里插入图片描述

找到vue.js template

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

这就大功告成了

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^