为什么在命令“ npm install”后我的node_modules文件夹变灰了？

Question

是的，这听起来像是没有意义的问题，但是我想知道为什么在运行命令后，为什么我的vsc编辑器中的node_modules文件夹变灰了？ npm install。这是我的文件夹的图片-> https://ibb.co/Ny1wRZ5

Answer 1

.gitignore中包含的文件/文件夹为灰色。通常，node_modules文件夹中包含.gitignore文件夹。

Answer 2

正如已经指出的，VSCode 会自动忽略 .gitignore 中的所有内容。但是，默认情况下它也明确忽略某些文件夹。所有这些都可以配置。以下是您可能要采取的步骤：

1. 查看the official documentation on Workspace settings
2. 打开相关设置（您可以在 User（全局）和 Workspace 之间进行选择）。我通常通过 CTRL（或 Mac 上的 Command）+ SHIFT + P -> > settings 来执行此操作，这将显示相​​关选项：{{ 3}}。对于每个，您可以选择 UI 或 JSON 变体。
3. 还要确保通过 Peferences: Open Default Settings (JSON) 检查默认设置。您会发现，截至目前（2021 年 5 月），**/node_modules 也被自动排除，独立于其他忽略文件。目前默认设置如下所示：

    // Configure glob patterns for excluding files and folders in fulltext searches and quick open. 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,
        "**/*.code-search": true
    },
   
    // Controls whether to use global `.gitignore` and `.ignore` files when searching for files.
    "search.useGlobalIgnoreFiles": false,
   
    // Controls whether to use `.gitignore` and `.ignore` files when searching for files.
    "search.useIgnoreFiles": true,
   

启用搜索node_modules

  "search.exclude": {
    "**/node_modules": false
  },
  "search.useIgnoreFiles": false

• 警告：这会大大减慢速度，因为 node_modules 需要很长时间来搜索 - 至少在冷启动期间，即没有缓存的时候。 （请注意，很难估计它们的缓存如何工作，因为它会随着时间不断发展。）
• 为了缓解这种情况，您可能需要添加一些额外的 search.exclude 设置。请注意，您必须明确列出您不想要的所有，因为...

VSCode 搜索的一大缺点

search.exclude 不支持负前瞻/后视，也不支持级联。像这样的事情行不通！

  // does NOT work! :((
  "search.exclude": {
    "**/node_modules/@types": false,
    "**/node_modules": true
  }

这是一个主要问题，已经在几乎著名的 [] 中被大量讨论了 6 年！加入并添加到已有的 122 条评论中！ :)

Answer 3

这是因为您的node_modules文件中引用了您的.gitignore文件夹。
Visual Studio通过将其变灰来告诉您版本控制将忽略此文件夹。