Visual Studio Code - 未显示 dist 文件夹.......我很绝望

Question

我目前正在进行涉及路线的 Vue 3 练习。运行 npm run build 后，构建过程成功完成。 但是，我在访问 Visual Studio Code 的文件资源管理器中的 dist 文件夹时遇到困难。

尽管

dist 文件夹在我的桌面上可见并且包含所有构建的文件， 我无法！！！在 Visual Studio Code 的工作区中看到它。即使从桌面关闭并重新打开该文件夹后，dist 文件夹在 Visual Studio Code 中仍然无法访问。

我已使用终端命令 ls -a 验证了 dist 文件夹是否存在。

有人可以提供解决此问题的见解吗？ 我将非常感谢任何帮助。谢谢！

我尝试刷新资源管理器 我尝试检查设置 我关闭并重新打开 vsc 我拿起文件夹并手动将其拖到 vsc

Answer 1

虽然此问题并不常见，但可能有几个可能的原因。以下是一些可以帮助您解决此问题的解决方案：

1。 VSC 中的隐藏文件夹设置： 检查 dist 文件夹是否被 Visual Studio Code 设置意外隐藏。要验证这一点，请打开 .vscode 文件夹（如果不存在则创建一个），然后查找 settings.json 文件。打开或创建文件，并确保它不包含以下行：

"files.exclude": { "**/dist": true } 将此设置更改为 false 或删除该行，保存文件，然后刷新资源管理器。

2。全局设置： 检查全局设置中是否存在可能隐藏 dist 文件夹的任何规则。为此，请转到 VSC 的菜单，单击“文件”>“首选项”>“设置”>“文件”>“排除”部分，并确保不排除 dist 模式。

3.使用集成终端： 在 Visual Studio Code 中打开集成终端（您可以通过按 Ctrl + ~ 来执行此操作）。然后，运行以下命令：

code -r . 此命令应重新启动并刷新工作区，如果是缓存问题，则使 dist 文件夹可见。

4。删除 VSC 缓存： 如果问题仍然存在，则 VSC 的本地缓存可能导致问题。要清除缓存，请关闭所有 VSC 实例，然后删除相应的文件夹：

在 Windows 上：

%APPDATA%\Code\Cache

在 macOS 上：

~/Library/Application Support/Code/Cache

在 Linux 上：

~/.config/Code/Cache

然后，重新启动 VSC。