[求助帖]关于在webstorm中安装了vant后代码提示异常缓慢的问题

问题描述:在webstorm中通过npm install vant安装了vant后,在<style>标签内输入样式代码,代码提示大约一秒多才显示出来。

通过初步排查,发现提示框内的内容中包含了大量的vant相关的css类名称,加入了索引,可能是因为这个原因导致了代码提示异常缓慢

问题背景

想自己写一个移动端demo练练手,网上找了一下移动端UI,简单浏览之后选择了vant,因为支持vue3

通过npm install vant安装了最新版的vant"vant": "^4.7.0"。此时刚准备美滋滋的进行编码。但很快问题就来了。

  • 在写样式的时候,代码提示异常 通常我写样式都是写关键的几个字母,然后通过自动补全功能快速编码,就如我想输入一个display: flex;,我通常只需要输入df然后回车。

但是 在我安装了vant后,以前百试不爽的编码方式,不灵了!当我输入df的时候,提示框在一秒左右才出现,也就是我输入后我需要等待一秒钟,才能继续写代码,真的是太痛苦了!!

于是我开始在网上寻找解决方案

将webstorm的虚拟内存设置大一些

-Xms1024m -Xmx8192m 重启webstorm,发现没什么用

将node_modules文件排除掉

这个是一直排除的,贴出图也是说明一下

结果同样没什么作用

看代码提示框内的内容

可以看见,这一部分提示备选项,在我安装vant之前是不存在的,为了证明我的想法,于是我卸载掉了vant:在终端执行 npm uninstall vant

果然!破案了

在我卸载之后,重新以同样的方式,在<style>中输入了df,代码提示立即弹出来了,思维不再被那一秒钟的等待打断!

问题又来了

我需要用到这个vantUI框架啊!!我甚至尝试直接使用PC端UI框架来开发移动端,但是发现会存在很多问题。

想要用vant,通过各种查找,想要把vant的css类不进行代码提示关联,在能使用vant的同时,又不卡顿!但是我没找到解决方案!

万能的掘友!!来帮帮我吧TAT,你们有没有遇到同样的问题,跪求解决方案,或者换个UI也行!

用其他PC的UI如elementUIArco等,居然没有类似的问题,不知道是什么情况导致的

相关推荐
有味道的男人6 分钟前
如何使用招标网API获取项目详情?
java·服务器·前端
qq_406176147 分钟前
深入剖析JS中的XSS与CSRF漏洞:原理、攻击与防御全指南
服务器·开发语言·前端·javascript
RFCEO7 分钟前
HTML编程 课程六、:HTML5 新增多媒体标签
前端·html·html5·多媒体标签·嵌入音频、视频、动画
yanyu-yaya16 分钟前
速学兼复习之vue3章节4
前端·vue.js·前端框架
Mr-Wanter19 分钟前
vue 数据反显时数字/字母不换行导致的样式问题
前端·javascript·vue.js
梁萌27 分钟前
vue项目从npm升级为pnpm
前端·npm·node.js
修己xj28 分钟前
CSS魔法:对话生成器与奔驰骏马的创意实现
前端·css
琹箐1 小时前
Cursor 无法使用prettier格式化
前端
觉醒大王1 小时前
如何整理文献阅读笔记? (精读与泛读)
前端·css·笔记·深度学习·自然语言处理·html·学习方法
广州华水科技1 小时前
单北斗GNSS变形监测系统在水库安全监测中的应用与发展
前端