我正在尝试排除 Visual Studio Code 中 Explore 选项卡上的几个文件夹。为此，我在项目的根目录中添加了以下 jsconfig.json：
{
"compilerOptions": {
"target": "ES6"
},
"exclude": [
"node_modules"
]
}
但node_modules 文件夹在目录树中仍然可见。
我做错了什么？还有其他选择吗？
【问题讨论】：
node_modules 出现在 any 项目中。所以我会在 User Settings 中全局设置它。
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
}
}
}
如果您选择文件 -> 首选项 -> 用户设置，那么您可以为当前用户全局配置排除文件夹。
【讨论】：
"**/BACKUP/": true 与没有最后一个斜线一样好/坏。
false 以覆盖默认值。
files.exclude 键属于 内部 code-workspace 文件的 settings 键。
【讨论】：
Workspace Settings
files.exclude 应用于工作区设置（.code-workspace 文件）时，我必须将files.exclude 放在settings:{ ... } 中，否则它会抱怨属性未知的行.有一个第三个“文件夹设置”选项卡（.vscode/settings.json），它在最外面的大括号中起作用。
我设法通过禁用验证来消除错误：
{
"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。
【讨论】：
在 Visual Studio Code 1.28 版中，"files.exclude" 必须放在 settings 节点内。
生成的工作区文件如下所示：
{
"settings": {
"files.exclude": {
"**/node_modules": true
}
}
}
【讨论】：
打开settings.json 文件：
将排除的文件夹添加到files.exclude。另请查看search.exclude 和files.watcherExclude，因为它们也可能有用。这个 sn-p 包含它们的解释和默认值：
{
// 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。
【讨论】：
Explorer Exclude 扩展正是可以做到这一点的。 https://marketplace.visualstudio.com/items?itemName=RedVanWorkshop.explorer-exclude-vscode-extension
它在右键菜单中添加了隐藏当前文件夹/文件的选项。 它还在资源管理器菜单中添加了一个垂直选项卡隐藏项目，您可以在其中查看当前隐藏的文件和文件夹并轻松切换它们。
【讨论】：
您可以配置模式以在资源管理器和搜索中隐藏文件和文件夹。
打开 VS 用户设置（主菜单：文件 > 首选项 > 设置）。这将打开设置屏幕。
在顶部的搜索中搜索files:exclude。
根据需要使用新的 glob 模式配置用户设置。在这种情况下，添加此模式 node_modules/ 然后单击 OK。模式语法很强大。您可以在 Search Across Files 主题下找到模式匹配的详细信息。
{
"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
}
}
【讨论】：