VS Code无法创建CSS文件:显示#图标而非CSS图标求助
解决VS Code创建CSS文件显示#图标的问题
以下是实用的排查和解决步骤:
- 检查文件后缀名:确认文件名以
.css结尾(比如style.css),避免无后缀或系统隐藏后缀的情况(可在系统文件夹设置中开启「显示已知文件类型的扩展名」验证)。 - 重置图标主题:按
Ctrl+,打开设置,搜索Icon Theme,先切换到默认图标主题(如Default Light+),再切回常用主题,重启VS Code。 - 清除VS Code缓存:
- 完全关闭VS Code
- 删除对应缓存目录:
- Windows:
%APPDATA%\Code\Cache、%APPDATA%\Code\CachedData - Mac:
~/Library/Caches/Code - Linux:
~/.config/Code/Cache、~/.config/Code/CachedData
- Windows:
- 重新启动VS Code
- 重装图标主题插件:如果使用第三方图标主题(如Material Icon Theme),卸载后重新安装该插件,再重启VS Code。
- 修正文件关联设置:打开设置搜索
Files: Associations,确保*.css的关联值为css,未添加则手动新增该关联项。
内容的提问来源于stack exchange,提问作者Idris Azim
相关产品推荐
相关产品推荐

