intellij idea html里 未解析Element vue

问题遇到的现象和发生背景

在idea 写vue和element的代码 无法解析,无法联想,但可以加载,不报错。很多的波浪线。

问题相关代码,请勿粘贴截图
 <!--搜索表单-->
    <el-form :inline="true" :model="brand" class="demo-form-inline">
        <el-form-item label="当前状态">
            <el-select v-model="brand.status" placeholder="状态">
                <el-option label="启用" value="1"></el-option>
                <el-option label="禁用" value="0"></el-option>
            </el-select>
        </el-form-item>
        <el-form-item label="企业名称">
            <el-input v-model="brand.companyName" placeholder="..."></el-input>
        </el-form-item>
        <el-form-item label="品牌名称">
            <el-input v-model="brand.brandName" placeholder="..."></el-input>
        </el-form-item>
        <el-form-item>
            <el-button type="primary" @click="onSubmit">查询</el-button>
        </el-form-item>
    </el-form>

运行结果及报错内容

主要为显示出错,以及编程没有联想

img

我的解答思路和尝试过的方法

网上没有搜到相关问题及回答

我想要达到的结果

idea识别我写的代码,没有波浪线,可以实现代码的联想

有插间的话,安装依赖以后还这样,重启一下idea就好了

html是顺序执行的,当然识别不了了,那个时候你还没引入vue,你要把外部引入的js和css写在head标签里面,使其加载网页的时候先加载进入的css和js,然后再加载body里的代码

img

<head>
<script type="text/javascript"  src="js/vue.js">
</head>
............

ps:其实能运行就行,这些提示都可忽视,html建议你使用hbuliderX或这webstorm编写比较合适,idea主要是编写后端语言的比如java

下载一个支持vue的插件。百度 “idea设置支持vue”

安装vue.js插件,具体路径为:File ----> Settings ----> Plugins ----> 输入vue,点击搜索结果里的vue.js右边的install按钮,安装成功后重启idea,这样idea就能识别.vue文件了。

img

您好,我是有问必答小助手,您的问题已经有小伙伴帮您解答,感谢您对有问必答的支持与关注!
PS:问答VIP年卡 【限时加赠:IT技术图书免费领】,了解详情>>> https://vip.csdn.net/askvip?utm_source=1146287632