除了手动编辑所有组件文件(如文件夹名、.css、.ts、spec.ts和app.module.ts)之外,在Angular CLI中有没有什么重命名组件的快捷方式?
当前回答
目前还没有rename cli命令。但我发现解决这个问题最简单的方法是在cli上生成一个新组件,并将内容复制到新组件中。 然后删除原始组件,在代码库中需要重命名为新组件名称的每个位置都会出现一个错误。一旦所有错误都处理好了,你就完成了!:)
另外,您还必须删除旧组件的导入语句。
其他回答
Yes!
现在有了。
有一个扩展的VS Code为你做所有这些步骤。它叫做重命名Angular组件。
我希望将它移植到WebStorm和稍后的示意图。
以前,在VS Code中至少需要三个半自动步骤。这个扩展做所有这些。
我意识到这是在推广我自己的解决方案。但它是免费的、开源的,是完整的答案。如果它不能做你想要的所有事情,你可以在回购上发布问题,它会得到改进。
在WebStorm中,你可以右键点击TypeScript文件中组件的名称→重构→重命名,它会在任何地方更改名称。
要在Angular中更改组件名称,你需要遵循以下步骤:
打开包含要重命名的组件的文件。
找到组件类定义上方的@Component装饰器。
将@Component装饰器中的selector属性更改为您想要赋予组件的新名称。
例如,如果你想将组件名称从my-old-component更改为my-new-component,你可以这样做:
@Component({
selector: 'my-new-component',
...
})
export class MyOldComponent {
...
}
保存文件。 就是这样!你已经成功地修改了Angular中的组件名称。
请记住,您可能还需要在应用程序的其他部分(如模板或路由配置)中更新对组件的任何引用。
就像你通常认为的那样重命名文件和组件,然后重新启动ng serve。容易peasy。
重命名文件、路径和引用。关键是您必须关闭正在运行的服务器,并在重命名所有内容后重新启动它。
我个人还没有找到任何同样的命令。只需创建一个新组件(重命名名称)并复制粘贴前一个组件的html, css和ts。在ts中,显然类名将被替换。这是最安全的方法,但需要一点时间。
推荐文章
- 检查已安装的angular-cli版本?
- Angular:如何在不改变路由的情况下更新queryParams
- 当我通过浏览器刷新时,会出现Angular 2: 404错误
- Angular中的Subject vs behaviour Subject vs ReplaySubject
- Angular 2单元测试:找不到名称“describe”
- 如何在Linux下将所有文件夹和文件重命名为小写?
- SystemJS和Webpack有什么不同?
- 如何在Angular中显示应用版本?
- 运行单个测试文件
- NG6002:出现在NgModule中。导入AppModule类,但不能解析为NgModule类
- 向Angular HttpClient添加一个HTTP头并不会发送这个头,为什么?
- 不能绑定到'ngForOf',因为它不是'tr'的已知属性(最终版本)
- Angular中的全局事件
- Angular和Typescript:不能找到名字——错误:不能找到名字
- HttpModule和HttpClientModule的区别