[求助帖]关于在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等,居然没有类似的问题,不知道是什么情况导致的

相关推荐
书源1 天前
AI 时代写给前端同行:什么在贬值,什么在涨价
前端·程序员·ai编程
爱勇宝1 天前
客户只想看个页面,我却做了一个静态演示发布系统
前端·javascript·后端
渔夫正在掘金1 天前
告别构建时代:为什么 AI 编程浪潮正让 Vue 与 React 走向落后?
前端
一个有理想的摸鱼选手1 天前
(四)路书Agnet-综合天气距离交通节奏等多因素来编排旅行路线
前端·后端·gis
神奇的程序员1 天前
在这个独属于ai的时代,我终究是被裁员了
前端·后端·面试
玉宇夕落1 天前
React + JWT 登录鉴权系统
前端
hunterandroid1 天前
[鸿蒙从零到一] HarmonyOS 安全加固与数据保护实战:从密钥管理到反调试的全链路防护
前端
用户921080262861 天前
从 Bubble 到 BubbleList:加载历史对话时才真正看懂组件通信
前端
hunterandroid1 天前
Android WebView JSBridge 治理实战:从线上白屏崩溃到协议化通信
android·前端
意疏1 天前
2026年远控软件安全横评:六款主流工具逐项核查——官方文档、一手实测与安全事件,全摊开
大数据·前端·数据库