VS Code 能否在文件重命名/移动时自动更新 JavaScript 和 TypeScript 导入路径？

Question

是否有用于 vscode 的模块可以更新文件的路径？ 例如，如果我有：

import './someDir/somelib'

并且我重命名或移动somelib ，它会自动更新上面提到的所有文件中的文件路径吗？

Answer 1

VS Code 1.24 中为 JavaScript 和 TypeScript 添加了此功能（跟踪问题）

当您移动或重命名文件时，现在将提示您查看是否要更新导入：

这由javascript.updateImportsOnFileMove.enabled和typescript.updateImportsOnFileMove.enabled设置控制。 有效值为：

• "prompt" ——默认值。 提示每个文件重命名/移动
• "always" — 总是尝试在没有提示的情况下自动更新导入
• "never" — 不更新导入且不提示

Answer 2

正如@jamey graham 提到的，它在 React typescript项目中停止为我工作。 修复方法是将tsconfig.json文件更新为：

{
  "compilerOptions": {
    "baseUrl": "./src",
    // ...
  },
}

并删除仅用于移动文件的"include": ["src"]选项。 VS Code 应该在此之后很好地更新路径。

您可以在此之后恢复"include": ["src"]选项。

我不知道为什么删除"include": ["src"]有效。

如果这不起作用，请尝试打开.ts文件并在命令提示符下触发Typescript: Restart TS server选项，然后重试。

Answer 3

第一次去设置

搜索“更新导入”

您可以选择：

• 提示（每次重命名时提示）
• 始终（始终自动更新路径）
• 从不（从不重命名路径并且不提示）

Answer 4

在我的项目中设置打字稿后，导入更新对我停止工作。

解决方案是遵循： https : //github.com/microsoft/vscode/issues/66937#issuecomment-475087628

具体来说，在我的项目的根目录中添加一个jsconfig.json文件，其中包含：

{
  "compilerOptions": {
    "module": "commonjs",
    "target": "es2016",
    "jsx": "preserve"
  },
  "exclude": ["node_modules", "**/node_modules/*"]
}