Angular执行ng generate component生成组件如何保留驼峰式文件名

规则说明 #

Angular CLI 默认遵循官方风格指南，会自动将输入的驼峰式组件名转换为*短横线分隔（kebab-case）*的文件名格式，这是默认的强制命名规则，目的是保障跨操作系统的文件名兼容性，以及全项目的命名统一性。

可用解决方案 #

方案1：少量组件场景下手动修改 #

该方案无额外配置成本，不会影响全局CLI规则，适合仅少数组件需要驼峰命名的场景：

• 先执行默认生成命令：ng generate component myApplication
• 生成完成后，手动将目录下my-application开头的.html/.css/.ts/.spec.ts四个文件重命名为myApplication对应的格式
• 打开重命名后的myApplication.component.ts文件，同步修改@Component装饰器内的selector、styleUrls、templateUrl参数中的文件名部分为驼峰格式
• 若该组件已被其他模块导入，同步修改对应导入语句中的文件路径。

方案2：全局配置关闭自动转换 #

如果需要所有新生成的组件都保留驼峰命名，可以修改项目配置：

• 打开项目根目录下的angular.json文件
• 定位到schematics节点下的@schematics/angular:component配置块
• 新增配置项："kebabCaseNames": false
• 保存配置后重新执行生成命令，后续所有新生成的组件都会保留输入的驼峰命名格式。

注意：关闭自动短横线转换不符合Angular官方命名规范，可能会导致后续CLI版本升级、第三方代码校验工具集成时出现兼容性问题，非必要场景不推荐使用该方案。

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