解决idea、webstorm没有element-plus代码提示和不识别el标签问题
·
idea插件里的两个element插件很久没更新了,另一个新的elementUI试了一下好像也不太行。
如图,即使参照别人在设置里把element-plus的js文件加入JS库也没有代码提示。

unknown html tag警告
解决办法其实很简单,如果你电脑安装了Node.js话,直接在idea控制台中用npm给项目安装element plus就可以了。
tips:如果没有安装node.js,可以参照这篇 最新版Node.js下载安装及环境配置
打开idea终端,默认项目根目录,输入命令:
npm install element-plus --save
网慢的话耐心等一会儿:

安装完成后项目根目录会多出一个node_modules的库文件夹,里面包含element-plus、vue等模块和项目依赖,然后就大功告成。

继续写代码,代码提示有了,未知html标签警告也去除了

注:这个node_modules库并不会影响你的项目(使用maven)打包和发布,只是为了让idea识别element plus框架,你仍然需要保留自己引入的js文件,如在webapp下的element-plus和vue的js源文件。
理论上任何其他框架只要支持npm包管理都可以使用这种方法使idea或webstorm识别,有代码提示。但是要小心有的库或框架在代码补全时idea可能会自动给你增加一些导入ES模块的语句,如import xxx from 'xxx',如果和你的项目构建方式冲突,就会运行报错,解决办法:1)删掉自动添加的语句 2)对全局变量自动提示时慎用tab补全 3)干脆npm uninstall卸载安装的库,不要提示了……
更多推荐


所有评论(0)