如何命名供所有组件继承的抽象基类？

首先明确一点：不建议在这个抽象基类的名称里加Component关键字——你已经说明它本身不是可独立使用的组件，只是给所有组件提供通用属性和方法的父类，加Component后缀会误导其他开发者，让他们误以为这是个可以直接在模板中声明的组件。

下面给你两种实用的命名方案，你可以根据实际场景选择：

方案1：通用基类命名（适合所有组件共享的场景） #

• 类名：BaseUi 或者 BaseComponentCore（后者更明确是为组件提供基础能力，但刻意不带Component后缀避免误解）
• 对应文件名：base-ui.ts 或者 base-component-core.ts（遵循Angular的小写短横线分隔命名规则）

方案2：按功能分组命名（如果基类仅服务于某一类组件） #

比如你的组件都是面板类的，那可以这么命名：

• 类名：BasePanel
• 对应文件名：base-panel.ts

额外的细节提醒： #

• 用Base前缀是行业通用惯例，能让其他开发者一眼就认出这是个供继承的抽象基类
• 文件名不要加.component.ts后缀，因为它本身不是组件，后缀会混淆文件类型
• 举个代码示例更直观：

// 抽象基类
export abstract class BaseUi {
  protected isLoading = false;
  protected hasPermission = true;

  protected toggleLoading(): void {
    this.isLoading = !this.isLoading;
  }
}

// 业务组件继承示例
export class SidePanelComponent extends BaseUi {
  // 组件特有的属性与方法
  panelTitle = '侧边面板';
}

内容的提问来源于stack exchange，提问作者koninos