如何从 "Explore" 选项卡中排除文件夹？

Question

我试图在 Visual Studio 代码中排除 Explore 选项卡上的几个文件夹。为此，我在项目的根目录中添加了以下 jsconfig.json：

{
    "compilerOptions": {
        "target": "ES6"
    },
    "exclude": [
        "node_modules"
    ]
}

但是 node_modules 文件夹在目录树中仍然可见。

我做错了什么？还有其他选择吗？

Answer 1

使用files.exclude:

转到 文件 -> 首选项 -> 设置（或 Mac 代码 -> 首选项 -> 设置）
选择 workspace settings 选项卡
将此代码添加到右侧显示的 settings.json 文件中：

    // Place your settings in this file to overwrite default and user settings.

    {
        "settings": {
            "files.exclude": {
                "**/.git": true,         // this is a default value
                "**/.DS_Store": true,    // this is a default value
    
                "**/node_modules": true, // this excludes all folders 
                                        // named "node_modules" from 
                                        // the explore tree
    
                // alternative version
                "node_modules": true    // this excludes the folder 
                                        // only from the root of
                                        // your workspace 
            }
        }
    }

如果您选择文件 -> 首选项 -> 用户设置，那么您可以为当前用户全局配置排除文件夹。

Answer 2

在较新版本的 VS Code 中，您导航至设置 (Ctrl+,)，并确保 select 右上角的工作区设置。

然后添加一个 files.exclude 选项来指定要排除的模式。

如果您只想从搜索结果中排除某个文件，而不是从文件夹资源管理器中排除，您也可以添加 search.exclude。

Answer 3

我通过禁用验证设法消除了错误：

{
    "javascript.validate.enable": false,
    "html.validate.styles": false,
    "html.validate.scripts": false,
    "css.validate": false,
    "scss.validate": false
}

Obs：我的项目是一个使用 StyledComponents、React、Flow、Eslint 和 Prettier 的 PWA。

Answer 4

在 VSCode 的较新版本中，这已移至 folder-specific 配置块。

转到 File -> Preferences -> Settings（或 Mac Code -> Preferences -> Settings)
选择 文件夹设置 选项卡

然后添加“files.exclude”块，列出您要排除的目录 glob：

{
    "files.exclude": {
        "**/bin": true,
        "**/obj": true
    },
}

Answer 5

在 Visual Studio 的 1.28 版中，代码 "files.exclude" 必须放在 settings 节点中。

生成如下所示的工作区文件：

{
    "settings": {
        "files.exclude": {
            "**/node_modules": true
        }
    }
}

Answer 6

GUI方式

转到“文件 -> 首选项 -> 设置”（或按 Ctrl + ,）然后：
在搜索栏中输入“排除”。
Select“工作区”选项卡，如果您希望此更改仅影响您当前的项目而不是每个项目。
单击“添加图案”按钮。

编码方式

打开settings.json文件：
- 按Ctrl + Shift + P 或Cmd + Shift + P on Mac，然后键入“打开工作区设置 (JSON)”。
- 或者，在旧版本中，您可以单击 GUI 选项卡右上角的小 {} 图标：

将排除的文件夹添加到 files.exclude。另请查看 search.exclude 和 files.watcherExclude，因为它们也可能有用。此片段包含它们的解释和默认值：

 {
   // Configure glob patterns for excluding files and folders. 
   // For example, the files explorer decides which files and folders to show 
   // or hide based on this setting. 
   // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
   "files.exclude": {
     "**/.git": true,
     "**/.svn": true,
     "**/.hg": true,
     "**/CVS": true,
     "**/.DS_Store": true
   },
   // Configure glob patterns for excluding files and folders in searches. 
   // Inherits all glob patterns from the `files.exclude` setting.   
   // Read more about glob patterns [here](https://code.visualstudio.com/docs/editor/codebasics#_advanced-search-options).
   "search.exclude": {
     "**/node_modules": true,
     "**/bower_components": true
   },
   // Configure glob patterns of file paths to exclude from file watching. 
   // Patterns must match on absolute paths 
   // (i.e. prefix with ** or the full path to match properly). 
   // Changing this setting requires a restart. 
   // When you experience Code consuming lots of cpu time on startup, 
   // you can exclude large folders to reduce the initial load.
   "files.watcherExclude": {
     "**/.git/objects/**": true,
     "**/.git/subtree-cache/**": true,
     "**/node_modules/*/**": true
   }
 }

有关其他设置的更多详细信息，请参阅 official settings.json reference。

Answer 7

这个 Explorer Exclude 扩展程序正是这样做的。 https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension

它添加了一个选项来隐藏当前 folder/file 到右键菜单。它还在资源管理器菜单中添加了一个垂直选项卡隐藏项目，您可以在其中查看当前隐藏的文件和文件夹，并可以轻松切换它们。

Answer 8

您可以配置模式以在资源管理器和搜索中隐藏文件和文件夹。

打开 VS 用户设置（主菜单：文件 > 首选项 > 设置）。这将打开设置屏幕。
在顶部的搜索中搜索 files:exclude。
根据需要使用新的 glob 模式配置用户设置。在这种情况下，添加此模式 node_modules/ 然后单击“确定”。模式语法很强大。您可以在跨文件搜索主题下找到模式匹配的详细信息。

    {
       "files.exclude": {
        ".vscode":true,
        "node_modules/":true,
        "dist/":true,
        "e2e/":true,
        "*.json": true,
        "**/*.md": true,
        ".gitignore": true,
        "**/.gitkeep":true,
        ".editorconfig": true,
        "**/polyfills.ts": true,
        "**/main.ts": true,
        "**/tsconfig.app.json": true,
        "**/tsconfig.spec.json": true,
        "**/tslint.json": true,
        "**/karma.conf.js": true,
        "**/favicon.ico": true,
        "**/browserslist": true,
        "**/test.ts": true,
        "**/*.pyc": true,
        "**/__pycache__/": true
      }
    }

Answer 9

这是 2021 年在 Mac 上使用 Visual Studio 代码的答案。我使用的是代码 v1.60。

打开设置（command-P）。
Select 工作区选项卡。

使用“设置”搜索栏搜索“排除”。然后查找显示“文件：排除”的部分。单击显示“添加模式”的蓝色按钮。

将出现一个新的文本字段。添加要排除的目录的名称。如果目录名为 excluded_directory，则键入 **/excluded_directory。单击“确定”。

如何从 "Explore" 选项卡中排除文件夹？

How to exclude folder from "Explore" tab?

visual-studio-code

GUI方式

编码方式