使用VSCode Remote SSH开发Next.js时磁盘I/O过高问题咨询

优化VSCode文件监控配置 #

• 排除高频读写的目录：打开VSCode设置（Ctrl+,），在settings.json中添加文件监控排除规则，避免VSCode监控不必要的大目录：

  "files.watcherExclude": {
    "**/node_modules/**": true,
    "**/.next/**": true,
    "**/.git/**": true,
    "**/dist/**": true,
    "**/build/**": true
  }
  

• 限制搜索索引范围：同样在settings.json中配置搜索排除项，减少后台索引带来的I/O：

  "search.exclude": {
    "**/node_modules/**": true,
    "**/.next/**": true
  }
  

• 调整自动保存策略：将自动保存改为延迟触发或关闭，减少频繁写入磁盘：

  "files.autoSave": "afterDelay",
  "files.autoSaveDelay": 3000
  

调整Next.js开发时的文件监听策略 #

• 优化Next.js的watch配置：在项目根目录的next.config.js中添加监听忽略规则，减少Node.js对无关文件的扫描：

  module.exports = {
    experimental: {
      watchOptions: {
        ignored: /node_modules|.git|.next/,
        poll: 2000 // 增大轮询间隔，降低I/O频率
      }
    }
  }
  

• 启用增量构建：开启Next.js的增量构建功能，减少每次代码修改后的重复编译工作量：

  module.exports = {
    output: 'standalone'
  }
  

系统层面减少磁盘I/O #

• 使用内存文件系统挂载高频目录：将.next这类频繁读写的临时目录挂载到tmpfs（内存文件系统），完全规避磁盘I/O：

  # 临时挂载，重启后失效
  sudo mount -t tmpfs tmpfs /path/to/your/project/.next
  # 持久化挂载，编辑/etc/fstab添加一行
  tmpfs /path/to/your/project/.next tmpfs defaults,size=2G 0 0
  

• 调整Node.js监控参数：通过环境变量增大Node.js允许监控的文件数量，避免因阈值不足导致的重复扫描：

  export NODE_OPTIONS="--max-old-space-size=4096 --watch-files=15000"
  

精简VSCode插件与配置 #

• 禁用非必要插件：关闭后台会自动扫描文件的插件（如某些实时代码分析、预览类插件），仅保留Remote SSH、ESLint等核心开发工具。
• 调整代码检查触发时机：将ESLint的实时检查改为仅在保存时触发，减少后台文件读取：

  "eslint.lintOnSave": true,
  "eslint.lintOnType": false
  

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