vscode node插件_一键收起 node_modules 文件夹

问题

在使用 VSCode 的时候，不知道大家有没有遇到这个问题：

在写 TS 的时候经常会跳转定义，尤其是第三方库，然后会跳转到项目的 node_modules 目录下，这时左侧目录像这样：

如果这时你想要去打开另外一个文件（假设你不知道文件具体名称），你可能得滑动左侧文件列表到你要找的文件，这会让你抓狂（反正我是很抓狂的）。

当时就在想，要是能有个按钮或者快捷键快速帮我收起来就好了。

调研

带着好奇心上网查了一下 VSCode 是否自带了这个功能，发现有 2 种方式可以解决收起的问题：

方法一、使用项目 View Item 右侧的收起全部功能，如图：

这个确实能收起来，但是它不仅仅收起 node_modules 文件夹，还会收起其他文件夹，这个不是很立项。

方法二、VSCode 可以通过 `cmd + 左方向键`，来源看这里。

这个确实也能收起来，但是它需要鼠标 fouce 到文件夹上才行，不是很方便。

还是自己写吧

基于以上种种原因，决定还是自己来写一个。于是就有个这个插件

https://marketplace.visualstudio.com/items?itemName=phobal.vscode-collapse-node-modules&ssr=false#overview​marketplace.visualstudio.com

使用方法也很简单，提供了两种方法：

方式一：使用快捷键 `cmd + control + c` 快速收起（ 推荐）

方式二：通过 VSCode 命令面板

1. 通过 `cmd + shift + p` 命令开发 VSCode 命令面板
2. 输入 `collapse`, 然后选择 `Collapse: collapse node_modules folder`

最后

代码也开源了，感兴趣的可以看看

https://github.com/phobal/vscode-collapse-node-modules​github.com

原理很简单：就是先隐藏 node_modules 文件夹，再显示 node_modules 文件夹, 就起到了折叠文件夹的作用。

【完】