如何让Sublime Text 3自动调整ES6导入路径，文件移动时更新引用？

Hey there, I’ve run into exactly this same issue while building React projects in Sublime Text 3—having your IDE auto-fix import paths when moving files is such a huge time-saver, and it’s super frustrating when that functionality’s missing. Here are the solutions I’ve tested that work reliably:

1. Use LSP + LSP-Typescript (Recommended for TS/JS React Projects) #

This is the most robust approach since it leverages the official TypeScript language server, which natively supports refactoring imports when files are moved.

• First, install LSP via Package Control (press Ctrl+Shift+P / Cmd+Shift+P, select "Package Control: Install Package", search for LSP).
• Next, install LSP-Typescript the same way—it adds full TypeScript/JavaScript language service support to LSP.
• Once installed, open your project’s root folder and make sure you have a tsconfig.json (for TypeScript React) or jsconfig.json (for JavaScript React) file. This tells the language server your project’s structure so it can track imports accurately.
• Enable automatic import updates: Open LSP’s settings (Preferences > Package Settings > LSP > Settings), and add the following to your user settings to ensure file moves trigger import refactors:

  {
    "clients": {
      "typescript": {
        "settings": {
          "typescript": {
            "renameOnFileMove": true
          }
        }
      }
    }
  }
  

• Now, when you move a file within your project (either via Sublime’s sidebar or drag-and-drop), the language server will automatically scan all files and update any import statements that reference the moved file.

2. Alternative: File Rename Refactor Plugin #

If you prefer a lighter-weight plugin without the full LSP setup, the File Rename Refactor plugin works well for basic import updates:

• Install it via Package Control.
• After installation, when you move or rename a file, right-click it in the sidebar and select "Refactor > Rename/Move File and Update Imports". This will prompt you for the new path, then automatically update all relevant import statements across your project.
• Note: This plugin relies on regex-based scanning, so it might not catch edge cases as reliably as the LSP approach, but it’s great for simpler projects.

Quick Manual Workaround (If Plugins Fail) #

In a pinch, you can use Sublime’s built-in Find in Path feature:

• After moving a file, press Ctrl+Shift+F / Cmd+Shift+F.
• Enter the old import path (e.g., ../components/OldPath/MyComponent), then replace it with the new path (e.g., ../components/NewPath/MyComponent).
• Make sure to set the search scope to your project folder to avoid unintended changes.

Just a heads-up: For both plugin methods, it’s always a good idea to commit your changes before refactoring, so you can roll back if anything goes wrong!

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