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

相关推荐
GuWenyue7 小时前
放弃云端API!一套React+WebGPU本地LLM方案,零数据上传、离线可用
前端·人工智能·前端框架
原则猫8 小时前
函数/变量提升
前端
独泪了无痕9 小时前
Vue3 Hooks使用实战解析
前端·vue.js
shawxlee10 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
用户0595401744611 小时前
把记忆存储的回归测试从手工换成 Playwright + GitHub Actions,线上缺陷降低 80%
前端·css
触底反弹11 小时前
🚀 从 DOM0 级到 React 合成事件:前端事件监听的 20 年演进史
前端·react.js·面试
kyriewen11 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
颜酱11 小时前
04 | 召回前置准备:搭好召回所需的四个数据库
前端·人工智能·后端
郝亚军12 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
IT_陈寒12 小时前
React的useEffect依赖项把我坑惨了
前端·人工智能·后端