除了手动编辑所有组件文件(如文件夹名、.css、.ts、spec.ts和app.module.ts)之外,在Angular CLI中有没有什么重命名组件的快捷方式?
当前回答
目前,Angular CLI不支持重命名或重构代码的特性。
您可以在一些IDE的帮助下实现这样的功能。
Intellij, Eclipse, VSCode等。默认支持重构。
现在VSCode呈现出一些上升趋势,我个人是它的粉丝
用VSCode重构
确定基准:- VS Code帮助你通过选择变量并按快捷键SHIFT + F12来查找变量的所有引用。这与类型脚本一起工作得非常好。
重命名所有引用实例:- 找到所有的引用后,你可以按F2将打开一个弹出窗口,你可以改变的值,并按enter,这将更新引用的所有实例。
重命名文件和导入 您可以使用插件重命名文件及其导入引用。更多细节可以在这里找到
通过上述步骤,在重命名变量和文件后,您可以实现角组件的重命名。
其他回答
虽然OP请求CLI命令,但一些答案集中在ide上。在这个回答中,我只是确认,当前的WebStorm/IntelliJ允许重命名组件。所有需要做的就是尝试重命名.ts文件中的类。你会看到:
并且将在所有相关的地方进行重命名。
目前,Angular CLI不支持重命名或重构代码的特性。
您可以在一些IDE的帮助下实现这样的功能。
Intellij, Eclipse, VSCode等。默认支持重构。
现在VSCode呈现出一些上升趋势,我个人是它的粉丝
用VSCode重构
确定基准:- VS Code帮助你通过选择变量并按快捷键SHIFT + F12来查找变量的所有引用。这与类型脚本一起工作得非常好。
重命名所有引用实例:- 找到所有的引用后,你可以按F2将打开一个弹出窗口,你可以改变的值,并按enter,这将更新引用的所有实例。
重命名文件和导入 您可以使用插件重命名文件及其导入引用。更多细节可以在这里找到
通过上述步骤,在重命名变量和文件后,您可以实现角组件的重命名。
就像你通常认为的那样重命名文件和组件,然后重新启动ng serve。容易peasy。
重命名文件、路径和引用。关键是您必须关闭正在运行的服务器,并在重命名所有内容后重新启动它。
要在Angular中更改组件名称,你需要遵循以下步骤:
打开包含要重命名的组件的文件。
找到组件类定义上方的@Component装饰器。
将@Component装饰器中的selector属性更改为您想要赋予组件的新名称。
例如,如果你想将组件名称从my-old-component更改为my-new-component,你可以这样做:
@Component({
selector: 'my-new-component',
...
})
export class MyOldComponent {
...
}
保存文件。 就是这样!你已经成功地修改了Angular中的组件名称。
请记住,您可能还需要在应用程序的其他部分(如模板或路由配置)中更新对组件的任何引用。
在WebStorm中,你可以右键点击TypeScript文件中组件的名称→重构→重命名,它会在任何地方更改名称。
推荐文章
- NullInjectorError: AngularFirestore没有提供程序
- 如何在Angular2中截断文本?
- 如何在Angular2 ngSwitch语句中使用typescript enum值
- Angular CLI错误:serve命令需要在Angular项目中运行,但是找不到项目定义
- 找到合成属性@panelState。请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”。
- 在Angular中上传文件?
- 模板驱动表单和响应式表单之间的实际区别是什么?
- Angular 2+和debounce
- 如何以及在哪里使用::ng-deep?
- 禁用在角材质对话框区域外单击以关闭对话框(angular 4.0+版本)
- Angular 2模板中的标签是什么意思?
- 如何扩展/继承组件?
- 属性“of”在类型“typeof”的Observable上不存在
- 如何设置<iframe src="…">没有引起'不安全值'异常?
- 何时使用“npm start”,何时使用“ng serve”?