VS Code使用MUI时IntelliSense智能提示速度过慢的解决方案问询

单独禁用MUI的IntelliSense方法 #

可以实现，针对最常用的VS Code编辑器，只需在项目根目录创建.vscode/settings.json文件，添加如下配置即可：

{
  "typescript.preferences.autoImportFileExcludePatterns": [
    "@mui/*",
    "@emotion/*"
  ]
}

该配置会告诉TypeScript语言服务，不需要从MUI、Emotion相关包中拉取代码补全和自动导入建议，不会影响其他依赖库的智能提示功能。

其他提升IntelliSense运行速度的方案 #

如果不想完全禁用MUI的智能提示，可以尝试以下优化方案：

• 升级工具版本：你当前使用的react-scripts@4.0.3内置的TypeScript版本较旧，对大体积类型库的解析效率极低，升级到react-scripts@5.x版本后，类型解析速度普遍可以提升30%以上。
• 调整MUI导入方式：放弃全量导入写法import { Button } from '@mui/material'，改为单组件路径导入import Button from '@mui/material/Button'，这样TypeScript只需解析单个组件的类型定义，不需要遍历整个MUI包的类型文件。
• 提高TypeScript服务内存上限：在VS Code设置中添加配置"typescript.tsserver.maxTsServerMemory": 4096，将TS语言服务的内存上限调整为4G，避免内存不足导致的解析卡顿。
• 优化tsconfig.json配置：添加以下参数减少不必要的类型计算：

{
  "compilerOptions": {
    "skipLibCheck": true,
    "allowJs": false
  }
}

• 调整插件运行规则：将ESLint、代码格式化等插件的运行时机调整为仅保存时触发，避免后台实时扫描占用TypeScript语言服务资源。

内容的提问来源于stack exchange，提问作者Ethan Crabb