如何在PhpStorm中排除node_modules内CSS类的自动补全？

方法一：直接标记node_modules为排除目录 #

• 右键项目里的node_modules文件夹
• 选择 Mark Directory as > Excluded
• 确认后，PhpStorm会停止索引该目录下的所有内容，第三方CSS类的自动补全也会随之消失，同时还能提升IDE的运行速度

方法二：精准过滤CSS补全范围 #

1. 打开PhpStorm设置（快捷键Ctrl+Alt+S或Cmd+,）
2. 导航到 Languages & Frameworks > Style Sheets > CSS > Completion
3. 在 Files to ignore 中添加规则：node_modules/**/*.css，直接忽略该目录下所有CSS文件的补全
4. 如果用的是Svelte作用域样式，可同时勾选 Limit completion to scoped styles，进一步缩小补全范围

方法三：针对Svelte的专属设置 #

• 打开设置，导航到 Languages & Frameworks > JavaScript > Svelte
• 确保 Enable Svelte support 已开启，PhpStorm会更好地识别Svelte的作用域样式规则，减少第三方样式的干扰

内容的提问来源于stack exchange，提问作者Alvin Dimas