除了手动编辑所有组件文件(如文件夹名、.css、.ts、spec.ts和app.module.ts)之外,在Angular CLI中有没有什么重命名组件的快捷方式?


当前回答

目前,Angular CLI不支持重命名或重构代码的特性。

您可以在一些IDE的帮助下实现这样的功能。

Intellij, Eclipse, VSCode等。默认支持重构。

现在VSCode呈现出一些上升趋势,我个人是它的粉丝

用VSCode重构

确定基准:- VS Code帮助你通过选择变量并按快捷键SHIFT + F12来查找变量的所有引用。这与类型脚本一起工作得非常好。

重命名所有引用实例:- 找到所有的引用后,你可以按F2将打开一个弹出窗口,你可以改变的值,并按enter,这将更新引用的所有实例。

重命名文件和导入 您可以使用插件重命名文件及其导入引用。更多细节可以在这里找到

通过上述步骤,在重命名变量和文件后,您可以实现角组件的重命名。

其他回答

Yes!

现在有了。

有一个扩展的VS Code为你做所有这些步骤。它叫做重命名Angular组件。

我希望将它移植到WebStorm和稍后的示意图。

以前,在VS Code中至少需要三个半自动步骤。这个扩展做所有这些。

我意识到这是在推广我自己的解决方案。但它是免费的、开源的,是完整的答案。如果它不能做你想要的所有事情,你可以在回购上发布问题,它会得到改进。

目前,Angular CLI不支持重命名或重构代码的特性。

您可以在一些IDE的帮助下实现这样的功能。

Intellij, Eclipse, VSCode等。默认支持重构。

现在VSCode呈现出一些上升趋势,我个人是它的粉丝

用VSCode重构

确定基准:- VS Code帮助你通过选择变量并按快捷键SHIFT + F12来查找变量的所有引用。这与类型脚本一起工作得非常好。

重命名所有引用实例:- 找到所有的引用后,你可以按F2将打开一个弹出窗口,你可以改变的值,并按enter,这将更新引用的所有实例。

重命名文件和导入 您可以使用插件重命名文件及其导入引用。更多细节可以在这里找到

通过上述步骤,在重命名变量和文件后,您可以实现角组件的重命名。

我个人还没有找到任何同样的命令。只需创建一个新组件(重命名名称)并复制粘贴前一个组件的html, css和ts。在ts中,显然类名将被替换。这是最安全的方法,但需要一点时间。

就像你通常认为的那样重命名文件和组件,然后重新启动ng serve。容易peasy。

重命名文件、路径和引用。关键是您必须关闭正在运行的服务器,并在重命名所有内容后重新启动它。

在WebStorm中,你可以右键点击TypeScript文件中组件的名称→重构→重命名,它会在任何地方更改名称。