sublime多光标是组件重构的关键链路，而非辅助功能；ctrl+d默认按完整单词匹配，易误改字符串和注释中的user_id，需双击严格选中变量名、用ctrl+k跳过误匹配项，并确保语法上下文正确。
Sublime 多行光标在组件重构中不是“辅助功能”，而是决定你能否安全、可验证地完成变量重命名、props 提取、生命周期迁移等操作的关键链路——没用对，轻则漏改引用，重则污染字符串和注释。
Ctrl+D 重命名变量时，为什么总改错 user_id
因为 Ctrl+D 默认按“完整单词”匹配，但 user_id 在 JSON 字符串 "user_id": "123"、注释 // deprecated user_id、或变量名 api_user_id 中都会被命中。它不区分声明、调用、字符串字面量。
- 双击选中目标变量（如
data），确保高亮区域**严格包裹变量名，不含空格、引号、句点或下划线边界** - 按
Ctrl+D后，每按一次只跳到下一个匹配项；看到"data"或dataList被选中，立刻按Ctrl+K再按Ctrl+D跳过 - 若变量含特殊字符（如
$ref），需先清空选区，把光标放在$前，再按Ctrl+D；否则正则会把$当作行尾锚点 - 确认所有光标都落在 JS/TS 语法上下文中（右下角状态栏显示
JavaScript (Babel)或TypeScript），否则Ctrl+D可能跨语法误判
批量提取 props 到解构参数，怎么避免缩进错位
Ctrl+Shift+L 拆光标后默认停在每行末尾，但 props 解构要求光标统一落在 { 后、第一个 prop 前——直接输内容会破坏对齐，甚至把逗号插进字符串里。
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- 先用鼠标拖选全部 props 行（如
props.name,props.age,props.onSelect），确保选区覆盖换行符 - 按
Ctrl+Shift+L→ 立刻按Home→ 再按一次Home（跳过缩进）→ 此时光标全在逻辑行首 - 输入
{（注意空格），再按End移到行尾 → 输入,→ 删除末尾多余逗号 - 若某行是
props.children而另一行是props.className，缩进不一致，先运行Ctrl+Shift+P→Indentation: Reindent统一格式，再操作
列编辑改多行 API 路径，中文混排时为何光标偏移
Alt+拖拽列编辑依赖字符宽度定位，而 Sublime 按 Unicode 码点数计算列位置，中文字符（如 用户）占 2 个 ASCII 宽度，视觉上就会“向右漂移”。这不是 bug，是字体渲染与编辑器坐标系统的天然偏差。
- 必须使用等宽字体（如
Fira Code、Consolas），禁用系统默认 UI 字体 - 拖拽前关闭软换行：
View → Word Wrap→ 取消勾选 - 不要从第一行中文开头拖，改从第二行相同字段起始列垂直向下拉（例如都从
/api/的a开始） - 中英文混排路径（如
/api/用户列表）建议改用正则替换：Ctrl+H→ 开启正则 → 查找/api/([^/]+)→ 替换为/v2/api/$1
跨文件重构 props，为什么 Ctrl+Shift+R 没反应
Ctrl+Shift+R 是 LSP 插件的语义重命名快捷键，不是 Sublime 原生命令。它只在语言服务器就绪、且当前文件被正确识别为支持语言时才生效。静默失败，90% 是环境没配好。
- 右下角状态栏必须显示
TypeScript或JavaScript (Babel)；若显示Plain Text，右键 →Set Syntax手动设置 - 打开
LSP: Show log，确认有connected to typescript-language-server；若卡在starting...，检查lsp-typescript插件是否安装，以及项目根目录是否已用File → Open Folder打开 - LSP 默认不跨文件重命名，需在用户配置中显式启用：
"rename_across_files": true - 别依赖
Alt+F3全量替换——它会把props.user和"user"一起改掉，重构阶段必须用语义重命名
最易被忽略的是：多光标操作中，Esc、方向键、Ctrl+Z 都会清空除主光标外的所有光标；而重构类操作往往跨数十行，一旦丢失部分光标，后续输入就变成单点修改——务必在输入前看一眼状态栏右下角的 x cursors 提示。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
