如何更改接口结构并重命名 VS Code 中的所有引用

Posted 2023-02-22

【中文标题】如何更改接口结构并重命名 VS Code 中的所有引用

【英文标题】：How to change interface strucure and rename all references in VS Code

【发布时间】：2021-12-20 20:56:38

【问题描述】：

我有一个界面

interface IApplicationState 
    config: IConfig;
    lang: ILang;
    //many others

目前在许多地方使用，例如在 connect from react-redux 的类中，或在 reducers 方法中，例如：

const setLangReducer = (state: IApplicationState ,  lang :  lang: LangType ): IApplicationState  => (
    ...state,
    lang: 
        currentLang: lang
    
);

我想在根级别添加一些文件，并将所有现有的作为新属性的子级向下移动，例如：

interface IApplicationState 
    generalConfigs: 
        config: IConfig;
        lang: ILang;
    ;
    externalConfig: 
        domain: string;         
    

如果我手动进行更改，我必须将 config 和 lang 的所有引用从 root 修复为 generalConfigs.config 和 generalConfigs.lang

也许有一些自动选项可以通过更改接口结构来更改所有引用？

【问题讨论】：

你可以写一个codemod来做到这一点：toptal.com/javascript/write-code-to-rewrite-your-code

【参考方案1】：

如果你想改变所有的名字，你需要按 ctrl 然后按 3 次 R

【讨论】：

问题是针对 Visual Studio Code，也许你的意思是在 Visual Studio 中重命名。但是在 Visual Studio Code 中，Ctrl+R 是在最近打开的文件夹和工作区之间导航# 打开最近使用的键盘快捷键：Ctrl+R 显示一个快速选择下拉列表，其中包含文件 > 打开最近使用的列表，其中包含最近打开的文件夹和工作区，后跟文件。 code.visualstudio.com/docs/getstarted/tips-and-tricks

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。