如何将TypeScript导出项移动到现有文件并自动更新所有导入引用

VS Code 操作流程 #

• 确保你已启用VS Code自带的TypeScript官方支持插件，项目TypeScript版本≥3.0
• 打开导出项所在的原文件，选中需要移动的导出代码（例如export const MyVar = 3;）
• 按下重构快捷键Ctrl+Shift+R（Windows/Linux）/Cmd+Shift+R（Mac），或右键点击选中内容选择「重构」选项
• 在重构选项列表中选择「移动到文件」
• 在弹出的文件选择框中，直接选中你要移入的已存在的目标文件即可
• 操作完成后，全项目所有引用该导出项的文件的导入路径会自动更新为目标文件路径，原文件中的对应导出代码会自动移除
  如果目标文件存在同名导出，操作前会触发冲突提示，重命名其中一个导出项后再操作即可避免报错

JetBrains 系列IDE（WebStorm/IDEA等）操作流程 #

• 选中要移动的导出代码，按下快捷键F6，或右键点击选择「重构 → 移动」
• 在弹出的配置窗口中选择目标已有文件作为移入位置，按需选择是否在原文件保留导出副本
• 点击确认后，IDE会自动完成代码迁移和全项目导入路径更新

内容的提问来源于stack exchange，提问作者Henrique Bruno