Visual Studio Code不显示dist文件夹问题求助
2026-6-27
VSCode工作区不显示dist文件夹的解决思路
- 检查
.gitignore文件：项目根目录的.gitignore若包含dist/，VSCode会默认隐藏被Git忽略的文件夹。打开文件删除dist/这一行，保存后刷新资源管理器。 - 调整VSCode文件排除设置：按下快捷键
Ctrl+,（Windows/Linux）或Cmd+,（macOS）打开设置，搜索files.exclude，查看是否存在**/dist规则，如有则取消勾选或删除该规则；同时检查search.exclude，确保未排除dist。 - 确认工作区范围：确保VSCode打开的是项目根目录，而非子文件夹。若之前打开的是
src等子目录，重新打开项目根目录即可。 - 清除VSCode缓存：关闭VSCode，找到对应系统的缓存目录并删除缓存文件后重启：
- Windows：
%APPDATA%\Code\Cache - macOS：
~/Library/Caches/Code - Linux：
~/.config/Code/Cache
- Windows：
- 检查文件夹权限与属性：
- Windows：右键dist文件夹→属性，取消“隐藏”选项；
- macOS：执行
chflags nohidden dist命令取消隐藏属性； - 确保VSCode有访问该文件夹的权限，比如macOS需在“系统设置→隐私与安全性→文件与文件夹”中给VSCode添加桌面目录访问权限。
- 重新构建dist文件夹：执行
rm -rf dist删除现有文件夹，再运行npm run build重新生成后查看。
内容的提问来源于stack exchange，提问作者LucaGiona
相关产品推荐
相关产品推荐
