问题描述:在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
,代码提示立即弹出来了,思维不再被那一秒钟的等待
打断!
问题又来了
我需要用到这个vant
UI框架啊!!我甚至尝试直接使用PC端UI框架
来开发移动端,但是发现会存在很多问题。
想要用vant
,通过各种查找,想要把vant的css类
不进行代码提示关联,在能使用vant
的同时,又不卡顿
!但是我没找到解决方案!
万能的掘友
!!来帮帮我吧TAT,你们有没有遇到同样的问题,跪求解决方案,或者换个UI也行!
用其他PC的UI如
elementUI
、Arco
等,居然没有类似的问题,不知道是什么情况导致的