Ctrl+P是React开发中最快文件跳转方式，支持@（当前文件符号）、#（文件内文本）、路径片段（如src/r/）等高效输入策略；rfc+Tab需确保文件为.jsx/.tsx且语言模式为JavaScript React；Auto Rename Tag可自动同步JSX标签名修改；Ctrl+D或Ctrl+Shift+L用于安全批量修改props。
React开发中，真正拖慢节奏的往往不是写逻辑，而是反复切换文件、手敲样板代码、手动改标签、查路径写import——这些操作用对快捷键，3秒能干完的事不用点15下鼠标。
Ctrl+P 跳转文件时输什么才快
很多人输 App.js 或 components/，结果卡顿或匹配不准。VS Code 的 Ctrl+P 支持模糊路径匹配和符号前缀，关键在输入策略：
- 输
@开头：直接列出当前文件所有函数/组件名（比如@useEffect） - 输
#开头：搜索当前文件内任意文本（比如#fetchData） - 输路径片段加斜杠：比如
src/r/→ 自动展开src/routes/下所有文件 - 连续按两次
Ctrl+P：触发“最近打开的文件”模式，比记忆路径更快
注意：如果 Ctrl+P 慢，大概率是项目没开 TS/JS 语言服务，或 node_modules 被索引了——可在 settings.json 加 "files.exclude": {"**/node_modules": true}。
rfc + Tab 不生效？检查这三处
rfc 是 ES7+ React 插件最常用片段，但常因环境配置失效：
- 文件后缀必须是
.jsx或.tsx（.js默认不触发 React 片段） - 插件安装后需重启 VS Code，否则语言模式未激活
- 确认当前编辑器右下角显示 “JavaScript React” 或 “TypeScript React”，不是 “Plain Text” 或 “JavaScript”
若仍无效，手动触发命令面板：Ctrl+Shift+P → 输入 Preferences: Configure Language Specific Settings... → 选 javascriptreact → 确保 "editor.suggest.showSnippets": true。
修改 JSX 标签时别手动改闭合标签
写 <div>...</div> 后想改成 <section>，很多人会删掉 </div> 再手打 </section>，极易出错。正确做法是：
- 光标停在开始标签的标签名上（比如
div），直接输入新名字（如section） - 依赖
Auto Rename Tag插件自动同步闭合标签——它只在 JSX/HTML 文件中生效，且默认启用 - 若没反应，检查是否禁用了该插件，或当前文件语言模式不是
javascriptreact
这个行为不依赖光标是否在开始/结束标签内，只要在标签名字符范围内即可，但不能跨标签选中再改。
Ctrl+D 多光标改 props 时容易漏掉 destructuring
比如把 const { name, age } = props; 改成 const { fullName, age } = props;，只选中 name 按 Ctrl+D 会漏掉解构里的 name 和 JSX 中的 {name} —— 因为它们不是完全相同的字符串。
更稳的做法：
- 先双击选中
name（确保只选变量名，不含花括号） - 按
Ctrl+D逐个添加其他name出现位置（包括解构、JSX、函数参数等） - 或直接用
Ctrl+Shift+L选中全部name实例，再统一改
但注意：Ctrl+Shift+L 会匹配所有 name 字符串，包括注释或字符串字面量里的，得肉眼核对——这是多光标最易翻车的地方。
