引入@material-ui/core后VS Code IntelliSense响应变慢如何优化?
改善引入@material-ui/core后VS Code智能提示卡顿的方案
- 优化
tsconfig.json/jsconfig.json配置
添加如下配置项减少不必要的类型扫描:{ "compilerOptions": { "skipLibCheck": true, "incremental": true, "types": ["react", "react-dom"] } }skipLibCheck会跳过第三方依赖包的全量类型检查,incremental会开启类型缓存避免重复计算,types会限定自动加载的类型包范围,避免加载所有node_modules下的类型定义。如果是JavaScript项目,在根目录新建jsconfig.json填入上述配置即可生效。 - 避免全量导入MUI组件
不要使用一次性导入所有组件的写法:
改为单个组件按需导入:// 不推荐,会让TS一次性加载所有MUI组件的类型定义,大幅增加计算负担 import * as MUI from '@material-ui/core'// 推荐,仅加载当前用到的组件的类型 import Button from '@material-ui/core/Button' import TextField from '@material-ui/core/TextField' - 升级相关工具版本
升级VS Code、内置TypeScript语言服务、项目TypeScript依赖到最新版本,新版本针对大类型库的推导性能做了大量专项优化,可直接提升智能提示响应速度。同时可暂时禁用非必要的JS/TS类辅助插件,避免和内置TS语言服务抢占资源。 - 调整TS语言服务内存上限
打开VS Code设置,搜索typescript.tsserver.maxTsServerMemory,将数值调整为4096(单位MB),给TS语言服务分配更多运行内存,避免因内存不足导致的类型计算卡顿。 - 拆分复杂类型定义
如果项目自定义了MUI主题的扩展类型,不要把类型声明和业务逻辑代码混写,建议单独存放到根目录的types文件夹下的.d.ts声明文件中,减少TS每次扫描业务代码时的类型计算量。
内容的提问来源于stack exchange,提问作者Thomas Reichmann
相关产品推荐
相关产品推荐

