Angular中无法与命令提示符交互，如何生成新组件？

嘿，作为刚入坑Angular的新手，我太懂你遇到这种终端卡住的烦躁了！别着急，给你几个实用的解决办法：

方法一：中断卡住的进程，重新执行命令 #

如果你的命令提示符完全没反应，大概率是当前进程卡住了。先按下 Ctrl + C（Windows/Linux/Mac通用）中断当前运行的命令，等提示符重新出现后，再输入ng generate component heroes试试——有时候就是进程抽个小疯，重启一下就好。

方法二：使用CLI的静默/默认模式跳过交互 #

Angular CLI在生成组件时可能会弹出确认提示（比如询问是否覆盖文件之类的），如果你的终端没法响应这些提示，试试加参数跳过交互：

ng generate component heroes --defaults

或者用更简洁的缩写：

ng g c heroes --defaults

--defaults参数会让CLI直接用默认配置生成组件，不会弹出任何交互提示，完美避开无法输入的问题。

方法三：手动创建组件（适合紧急情况） #

如果CLI实在搞不定，咱们可以手动撸组件文件，步骤也很简单：

1. 在src/app目录下新建一个heroes文件夹
2. 在文件夹里创建4个必要文件：
   • heroes.component.ts（组件逻辑文件）
   • heroes.component.html（模板文件）
   • heroes.component.css（样式文件）
   • heroes.component.spec.ts（测试文件）
3. 给heroes.component.ts写入基础组件代码：

import { Component } from '@angular/core';

@Component({
  selector: 'app-heroes',
  templateUrl: './heroes.component.html',
  styleUrls: ['./heroes.component.css']
})
export class HeroesComponent {
  // 后续教程里的hero属性可以在这里添加，比如：
  // hero = { id: 1, name: 'Windstorm' };
}

4. 最后打开src/app/app.module.ts，把HeroesComponent添加到declarations数组里：

import { HeroesComponent } from './heroes/heroes.component';

@NgModule({
  declarations: [
    AppComponent,
    HeroesComponent // 加在这里
  ],
  // ...其他代码
})
export class AppModule { }

这样手动创建的组件和CLI生成的完全一样，不影响后续的英雄教程实践。

额外小提示 #

如果是Windows用户，试试用管理员身份打开命令提示符/PowerShell；Mac/Linux用户可以检查一下当前目录的权限，必要时加sudo执行CLI命令（不过不推荐随便用sudo，先确认权限问题再用）。

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