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

相关推荐
bloglin9999928 分钟前
npm和nvm和nrm有什么区别
前端·npm·node.js
2501_9102275443 分钟前
web3 前端常见错误类型以及错误捕获处理
前端·web3
哎哟喂_!1 小时前
Node.js 同步加载问题详解:原理、危害与优化策略
前端·chrome·node.js
__BMGT()1 小时前
C++ QT图片查看器
前端·c++·qt
未来之窗软件服务2 小时前
solidwors插件 开发————仙盟创梦IDE
前端·javascript·数据库·ide·仙盟创梦ide
Varpb2 小时前
【vue】【环境配置】项目无法npm run serve,显示node版本过低
前端·vue.js·npm
读心悦2 小时前
CSS 溢出内容处理、可见性控制与盒类型设置深度解析
前端·css
Minyy113 小时前
Vue3指令(二)--v-text、v-html数据渲染,计算属性
前端·javascript·vue.js·前端框架·vue·html
个人开发-胡涂涂3 小时前
ECMAScript标准:JavaScript的核心
前端·javascript·ecmascript
GISer_Jing3 小时前
React底层架构深度解析:从虚拟DOM到Fiber的演进之路
前端·react.js·架构