RT, 上星期使用npm create vue之后, 发现打开的文件会自带折叠功能
百思不得其解, 找不到是哪个插件进行的设定, 在插件列表里到处都找不到, 最后发现是在 vscode 本身的设置里, 在这个目录下的 .vscode/setting.json 可以看到
{
"explorer.fileNesting.enabled": true,
"explorer.fileNesting.patterns": {
"tsconfig.json": "tsconfig.*.json, env.d.ts",
"vite.config.*": "jsconfig*, vitest.config.*, cypress.config.*, playwright.config.*",
"package.json": "package-lock.json, pnpm*, .yarnrc*, yarn*, .eslint*, eslint*, .prettier*, prettier*, .editorconfig"
},
"editor.codeActionsOnSave": {
"source.fixAll": "explicit"
},
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode"
}
就是这个 fileNesting 起到的作用, 到设置里看了一下, 这个功能是默认关闭的, 这个设置挺好用的, 特别是前端很多根目录下的文件, 可以把他们折叠起来 还有像一些生成器yml+生成的代码, 也可以通过这个方式折叠起来, 推荐大家打开这个并配置下
