如何通过Angular CLI仅生成组件的.html模板文件？

可以实现该需求，以下是两种常用操作方式：

方式一：手动创建（最简便，无需调整命令参数） #

• 找到你需要关联模板的现有组件类所在的目录，直接新建命名为<component-name>.component.html的文件
• 打开对应组件的.ts文件，修改@Component装饰器配置：将原本的template内联模板配置，替换为templateUrl: './<component-name>.component.html'，删除原有内联模板的代码即可完成关联

方式二：通过Angular CLI命令生成后清理冗余文件 #

如果更习惯用CLI生成文件避免命名出错，可以使用带参数的生成命令，减少冗余文件生成后仅保留HTML文件即可：

1. 先执行带预览参数的命令验证生成内容：

ng generate component <component-name> --skip-tests --inline-style --dry-run

参数说明：

• --skip-tests：跳过生成.spec.ts测试文件
• --inline-style：不生成单独的.css样式文件，样式内联到组件ts文件中
• --dry-run：仅预览要生成的文件，不会实际写入磁盘

2. 确认预览结果中仅会生成.ts和.html两个文件后，去掉--dry-run参数执行实际生成
3. 删除生成的.ts文件，将.html文件移动到你要关联的现有组件目录下，参照方式一修改组件的templateUrl配置即可

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