Sublime优化前端构建工具Vite性能_处理插件配置与依赖预构建

Sublime Text 不参与 Vite 构建，仅需排除 node_modules、.vite 等目录索引，禁用自动构建插件，确保 Vite 预构建与缓存正常生效，即可高效配合开发。

Sublime Text 本身不参与 Vite 的构建过程，它只是代码编辑器；Vite 的性能优化核心在自身配置和依赖管理，而非编辑器设置。但 Sublime 可以通过合理配置提升开发体验，间接配合 Vite 高效工作——关键在于避免干扰 Vite 的原生能力，比如跳过不必要的文件监听、禁用冗余插件、正确处理 node_modules 和 .vite 缓存目录。

关闭 Sublime 对 node_modules 和 .vite 的索引与高亮

Sublime 默认会扫描并尝试语法高亮所有文件，遇到大量 node_modules 或 Vite 自动生成的 .vite 目录时，容易卡顿、内存飙升。这不是 Vite 慢，而是编辑器在“瞎忙”。

• 打开 Preferences → Settings – User
• 添加或修改以下字段：

这样 Sublime 就不再加载、搜索、高亮这些目录里的文件，启动更快、切换标签更顺滑。

慎用“自动保存+实时构建”类插件

Vite 自带热更新（HMR），且默认只在浏览器中按需编译变更模块。如果在 Sublime 中装了类似 “AutoSave on Focus Lost” + “Terminal” 插件并配置成每次保存就执行 vite build，反而会拖慢开发流——构建是重操作，不该由编辑器触发。

立即学习“前端免费学习笔记（深入）”；

• 保留 Auto Save（方便 HMR 捕获变更）
• 禁用任何自动调用 vite build 或 vite preview 的绑定
• 终端任务交给系统终端或 VS Code 等更适配构建工具的环境

确保 Vite 的依赖预构建（deps optimization）正常生效

Vite 启动时会分析 import 语句，把 CommonJS / UMD 等非原生 ESM 依赖预构建为 ESM，这是提速关键。Sublime 不影响这一步，但你得确认它真发生了：

标签： sublime js 前端 git node vite 浏览器 axios 工具 ios vs code