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

相关推荐
2分钟速写快排1 小时前
孔乙己的茴字有多少种写法?|AI 对话实时通信的三种实现
前端·javascript·github
Penge6663 小时前
JavaScript:BOM 详解
前端
Penge6663 小时前
Vite vs Webpack:前端构建工具原理与实战
前端
Penge6663 小时前
前端包管理工具:npm、Yarn、pnpm 快速入门
前端
Penge6664 小时前
Sass 了解
前端
Penge6664 小时前
Webpack 打包从 0 到 1 实战笔记
前端
Penge6664 小时前
Webpack 入门:是什么、为什么需要、怎么使用?
前端
Penge6664 小时前
Ant Design(Antd)了解
前端
wangruofeng5 小时前
同一行代码,百种渲染:Asuka、React Native 与 Flutter 跨平台渲染机制深度拆解
前端·github
Penge6665 小时前
JavaScript 核心语法速通
前端