VSCode无一键展开整个项目结构的快捷键，但可通过Ctrl+P模糊搜索文件、@跨文件跳转符号、Ctrl+Shift+O调出大纲视图、多根工作区管理及确保语言服务就绪等组合方式高效导航。

VSCode 本身没有“一键展开整个项目代码结构”的快捷键，但通过组合已有功能和少量配置，能高效定位和浏览大型项目。关键不在背快捷键，而在理解哪些操作真正解决导航痛点。

用 Ctrl+P（Windows/Linux）或 Cmd+P（macOS）精准跳转到任意文件

这是最常被低估的导航入口。它不只是搜文件名，支持模糊匹配、路径缩写甚至驼峰分隔（如输 usCtrl 匹配 UserController.ts）。

• 输入 @ 后接符号名（如 @handleClick），可直接跳转到当前文件内的函数/方法定义
• 输入 # 可搜索当前文件中的标题或注释标记（需配合 // #section 这类约定）
• 若项目启用了 TypeScript 或 JS 语言服务，@ 搜索还能跨文件生效（依赖 jsconfig.json 或 tsconfig.json 配置）
• 禁用不必要的文件排除（检查 "files.exclude" 和 "search.exclude"），否则 Ctrl+P 会漏掉关键目录

用 Ctrl+Shift+O（Windows/Linux）或 Cmd+Shift+O（macOS）快速定位当前文件的符号结构

这个快捷键调出的是“大纲视图（Outline）”，本质是解析当前文件 AST 得到的类、方法、属性列表，比手动滚动快得多。

根据ui图生成前端页面

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

下载

• 连续按两次 Ctrl+Shift+O 会进入“符号筛选模式”，可输入关键词过滤（如只看 render 或 useEffect）
• 在 React 项目中，如果组件没被正确识别（比如用函数表达式赋值），需确认是否启用了 "javascript.suggest.autoImports": true
• 对 .vue 文件，默认不启用完整大纲；需安装官方 Volar 插件并关闭旧版 Vetur，否则 Ctrl+Shift+O 只显示 template 部分

用侧边栏的“探索器”配合 Ctrl+Shift+E 展开常用目录，而非盲目折叠全部

大型项目里盲目展开所有文件夹反而降低效率。VSCode 的探索器支持“条件性展开”，靠的是工作区设置和多根工作区管理。

• 右键点击某个文件夹 → “在资源管理器中聚焦”，可临时提升其可见层级
• 在 settings.json 中添加 "explorer.compactFolders": false，避免把 node_modules 等同级多子目录强行压成一行
• 对微前端或 monorepo 项目，用 File > Add Folder to Workspace… 添加多个根目录，再用 Ctrl+Shift+E 切换焦点，比在一个大目录里翻找更可控
• 慎用“自动折叠空文件夹”扩展——某些构建产物目录（如 dist）看似空，实则含隐藏文件，折叠后可能误判

用 Ctrl+Click（或 Cmd+Click）跳转定义时，留意语言服务器状态

这是最直观的“结构感知”行为，但失效频率高，根本原因往往不是快捷键问题，而是语言服务未就绪。

• 底部状态栏看到 TS Server: Starting... 或 Initializing JS/TS language features... 时，Ctrl+Click 必然无效——等它变成 Ready 再操作
• 若长期卡在初始化，检查 tsconfig.json 是否包含过多无关路径（如 "include": ["**/*"]），应明确限定为 ["src/**/*", "types/**/*"]
• 在 .js 文件中跳转失败？确认已创建 jsconfig.json，且其中 "checkJs": true 已开启，否则类型推导极弱

真正卡住大型项目导航的，从来不是快捷键记不全，而是语言服务没加载完、配置没对齐、或者把“结构”误解为“全部展开”。先让 Ctrl+P 和 Ctrl+Shift+O 跑通一个文件，再扩展到整个工作区，比一上来就折腾侧边栏图标顺序实在得多。