VS Code源代码控制自动新增上千文件问题求助（React+Ubuntu+GitHub）

问题根源 #

当你用--disable-web-security参数启动Chrome时，如果未指定独立的用户数据目录，Chrome会在默认路径（甚至可能误写入你的项目目录）生成大量缓存、配置文件，这些文件被Git自动纳入追踪范围，导致VS Code源码控制里出现上千个新增文件。

解决步骤 #

• 立即停止Chrome进程
  先关闭所有带--disable-web-security参数的Chrome窗口，避免继续生成文件。

• 修复Chrome启动命令
  启动Chrome时必须指定一个项目外的独立用户数据目录，比如用系统临时目录：

  google-chrome --disable-web-security --user-data-dir=/tmp/chrome_dev_session
  

  这个目录会专门存放禁用安全模式的Chrome数据，不会干扰你的项目文件。

• 更新.gitignore文件
  确保项目根目录的.gitignore包含以下内容（覆盖常见不需要追踪的文件，避免类似问题再次发生）：

  # Chrome临时数据
  /tmp/chrome_dev_session/
  # React项目默认忽略项
  node_modules/
  build/
  .env
  .env.local
  .env.development.local
  .env.test.local
  .env.production.local
  npm-debug.log*
  yarn-debug.log*
  yarn-error.log*
  

• 清理Git暂存的多余文件
  如果已经有大量文件被Git暂存，执行以下命令移除追踪（不会删除本地文件）：

  git rm -r --cached .
  git add .
  git commit -m "Fix: Remove accidentally tracked Chrome temporary files"
  

• 验证结果
  重启VS Code，查看源码控制区域，确认不再有多余的新增文件。

内容的提问来源于stack exchange，提问作者Ashwani Singh Rajpoot