通过vue3官方脚手架创建工程时，发现vscode目录部分文件嵌套展示

一、今天通过vue3官方文档提供的步骤创建工程后，用vscode打开工程，发现部分文件左侧有一个折叠图标，当前安装的vue最新版本是vue3.5

1.1 工程目录如下：

1.2 具体情况

• 点击packa.json左侧的折叠图标，可以进行展开、收起操作，收起时下面的几个文件就被折叠隐藏了，以前的vue工程目录从来没遇到过这种情况。
• 这种情况感觉package.json是一个文件夹，下面的文件是这个文件夹里的文件，但是当打开工程目录所在的文件夹时，发现工程根目录下的文件确实是在同一级目录，package.json也不是一个文件夹，对这样情况感觉有点懵。

二、查明情况

2.1 进行了一番搜索、查阅资料，发现vue最新的官方脚手架创建的工程里面有一个.vscode目录，如下图所示：

里面有一个文件setting.json

2.2 最后发现同一个目录下的文件折叠展示，就是通setting.json文件进行配置的，看下图：

通过这个配置不难看出，文件的嵌套展示就是通过"explorer.fileNesting.patterns"属性来配置的，在这里可以根据自己的意愿进行相关文件的嵌套展示，使工程的目录看起来更加的清晰。