VSCode文件资源管理器不显示node_modules且package.json不更新

1. 确认工作目录是否正确 #

先检查你执行命令的终端是否处于项目根目录：

• Mac/Linux 输入 pwd，Windows 输入 cd，核对路径是否是你执行 npm init 的文件夹。如果路径不对，切换到目标目录后重新执行安装命令。

2. 检查npm配置是否异常 #

npm的默认配置可能被修改，导致依赖不保存到package.json或安装到了全局：

• 执行 npm config get save，如果返回 false，运行 npm config set save true 开启默认保存；
• 执行 npm config get save-dev，如果返回 false，运行 npm config set save-dev true 确保 --save-dev 参数生效；
• 执行 npm config get prefix，如果返回的不是当前项目路径，说明依赖被安装到了全局，此时需加上本地安装参数重新执行：npm install jest --save-dev --no-global。

3. 清理npm缓存并重新安装 #

缓存损坏可能导致安装流程异常：

1. 执行 npm cache clean --force 强制清理缓存；
2. 删除项目目录下的 package-lock.json 或 yarn.lock（如果存在）；
3. 重新执行 npm install jest --save-dev。

4. 手动修复package.json #

如果 npm init 未生成有效的package.json，手动在项目根目录创建该文件，写入基础结构：

{
  "name": "your-project",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {},
  "author": "",
  "license": "MIT"
}

之后再执行安装命令，验证是否能更新package.json并生成node_modules。

5. 检查VSCode的文件夹过滤设置 #

如果确认node_modules已生成但VSCode不显示：

• 打开VSCode设置（快捷键 Ctrl+, / Cmd+,）；
• 搜索 files.exclude，检查是否勾选了 **/node_modules，取消勾选即可显示该文件夹。

6. 更新npm到最新版本 #

过旧的npm版本可能存在兼容性问题：
执行 npm install -g npm@latest 升级到最新稳定版，之后重新尝试安装操作。

内容的提问来源于stack exchange，提问作者Pampari Naresh