使用Sublime管理大型前端项目目录的最佳实践-sublime-PHP中文网

要让ctrl+p在大型前端项目中真正好用，必须在.sublime-project的每个folders项中显式配置folder_exclude_patterns排除node_modules、dist等目录，添加多路径后需执行project→rebuild index生效，且.settings须为顶层字段才能正确应用tab_size等设置。

使用sublime管理大型前端项目目录的最佳实践

如何让 Ctrl+P 在大型前端项目里真正好用

默认情况下，Ctrl+P（Goto Anything）会索引整个侧边栏里的所有文件，包括 node_modules、dist、.git 等目录——结果就是搜索卡顿、结果混杂、关键源码被淹没。

必须在 .sublime-project 的每个 folders 项里显式配置 folder_exclude_patterns：

"folder_exclude_patterns": ["node_modules", "dist", ".git", "build", "coverage"]
不要只写一次全局排除；每个 path 下都得单独配，否则添加的子目录不受控
如果项目含 packages/ 或 libs/ 这类多包结构，也建议为它们单独加 folder_exclude_patterns，避免跨包误搜

改完记得执行 Project → Rebuild Index，否则新规则不生效。这个操作比重启 Sublime 快，且能立即反映排除效果。

多个前端子模块（如 frontend/ + backend/）怎么共存一个窗口

前端项目常和配套的 mock server、CLI 工具或后端 API 一起开发，但 Sublime 不支持“标签页级项目切换”，只能靠一个 .sublime-project 文件聚合多个路径。

正确做法是手动把它们全加进 folders 数组：

先用 Project → Add Folder to Project… 逐个添加 frontend/、backend/、scripts/
确保每个 path 是相对路径（如 "path": "frontend"），而非绝对路径，否则换机器就失效
保存前检查 .sublime-project 文件是否已存在；如果只是临时拖拽没保存，关窗即丢

注意：File → Open Folder… 是反模式——它会清空当前项目结构，只留一个文件夹，后续加的其他路径全失效。

项目级设置（tab_size、font_size）为什么总不生效

常见错误是把设置写错位置：比如把 "tab_size": 2 直接放在 JSON 根层级，或塞进 "build_systems" 里。Sublime 只认严格嵌套在 "settings" 字段下的键值对。

根据ui图生成前端页面

将一个或多个 UI 原型图、线框图、产品截图或设计稿转换为标准化、可直接交付的 PRD 风格文档，供产品、设计、前端和测试共同使用。适用于 Codex 需要分析 PC 网页、桌面端、移动端、响应式页面、独立弹窗、表单、表格、看板、数据大屏或多页面流程截图，还原页面结构与交互，强制套用固定文档模板，抽取跨页面共享规则，或把一组原型沉淀为单页规范文档加整体业务流程文档的场景。不适用于纯视觉审美点评、代码实现、接口设计、埋点方案、竞品分析或无 UI 输入的业务需求创作。

下载

正确结构示例：

{
  "folders": [
    { "path": "frontend" },
    { "path": "backend" }
  ],
  "settings": {
    "tab_size": 2,
    "translate_tabs_to_spaces": true,
    "font_size": 13,
    "binary_file_patterns": ["*.png", "*.jpg", "*.pdf"]
  }
}

关键点：