ctrl+p用于快速模糊匹配打开文件，f2实现语义化跨文件重命名，ctrl+shift+l一键选中当前文件所有同名字符串；三者分工明确：ctrl+p解决文件定位，f2保障重构安全，ctrl+shift+l处理纯文本批量修改。
Ctrl+P 快速打开组件文件，别再点开文件夹找
大型 React 项目里，src/components 下几十个子目录很常见。用鼠标一层层点进去找 UserProfile.jsx 或 ModalWrapper.tsx，既慢又容易点错。直接按 Ctrl+P（macOS 是 Cmd+P），输入 userpro 就能命中 UserProfile，输入 modw 常常就能定位到 ModalWrapper —— VS Code 默认启用模糊匹配，不用拼全名。
容易踩的坑：
- 输错大小写不影响匹配，但输入带下划线或横线时，比如
use-r可能匹配不到useReducer，建议用驼峰片段如usered - 如果搜不到，先确认当前工作区已正确加载项目根目录（底部状态栏显示路径是否为项目顶层）
- 刚新建的文件不会立刻出现在
Ctrl+P列表，需先保存（Ctrl+S）
rfc + Tab 自动生成函数组件骨架
不是快捷键本身，而是插件（如 ES7+ React/Redux snippets）配合键盘触发的效率核心动作。光标在 .jsx 或 .tsx 文件中，输入 rfc 再按 Tab，立刻生成：
const ComponentName = () => {
return <div></div>;
};
export default ComponentName;
比手动敲模板快 5 秒以上，且自动带好默认导出和 JSX 根节点。其他高频缩写：
-
rafce→ 带useState和export default的函数组件 -
cc→ 类组件（已不推荐，但老项目仍需） -
imrc→ 自动插入import React from 'react' -
cls→console.log()并留光标在括号内
注意：rfc 不会自动填充组件名，需手动改 ComponentName；若插件未生效，检查是否启用了该 snippet 插件，并确认文件语言模式是 JavaScript React 或 TypeScript React（右下角状态栏可查看）。
F2 全局重命名组件名或 props，避免漏改
重构时把 UserCard 改成 ProfileCard，或把 userName props 改成 displayName，靠手动查找替换极易出错。把光标停在变量/组件名上，按 F2，输入新名回车 —— VS Code 会自动识别所有引用位置（包括 JSX 中的 <usercard></usercard>、导入语句、文件名等），一次性全部更新。
关键限制：
- 仅对 TypeScript 或有类型定义的 JS 项目效果最稳；纯 JS 项目中，若变量未被明确声明（如
const或let），F2可能找不到全部引用 - 不跨文件重命名文件本身（比如把
UserCard.jsx改名），需配合Ctrl+Click点击文件名再按F2，或直接在资源管理器中右键重命名 - JSX 属性名（如
userName）必须是合法标识符，user-name这类带横线的无法用F2安全重命名
Ctrl+Shift+L 一次性选中所有同名 props 或状态变量
当组件接收多个相似 props（如 title、subtitle、description）需要统一加前缀，或要批量替换 data → items 时，Ctrl+D 逐个添加光标太慢。Ctrl+Shift+L 更直接：选中一个 data，按此组合键，文件内所有 data 瞬间高亮并进入编辑态，直接输入新名即可同步修改。
实际场景差异：
- 在 JSX 中选中
title后按Ctrl+Shift+L，只匹配标签属性里的title，不会误改函数参数或注释里的单词 - 若想跨文件批量改，得用
Ctrl+Shift+F全局搜索 +Alt+Enter替换全部，但务必先预览结果，避免改错第三方库导入名 - 对 TypeScript 接口字段重命名，
Ctrl+Shift+L有效；但接口名本身建议用F2，更安全
真正卡住效率的，往往不是记不住快捷键，而是没意识到某个操作本可以一步到位 —— 比如改完组件名忘了同步更新 import 语句，或在 JSX 里手动补全 className 而不是用 Ctrl+Space 触发 CSS class 智能提示。这些细节不显眼，但每天累积下来，就是半小时以上的隐形耗时。
