1-1 通过命令行创建

  1. ng g component <component-name>

Tips:每创建一个组件都会在app.module.ts文件中导入,注册

  1. ng g component components/MovieItem
  1. #//app.module.ts
  2. import { MovieItemComponent } from './components/movie-item/movie-item.component';
  3. @NgModule({
  4.   /* 配置(声明)当前项目运行依赖的组件 */
  5.   declarations: [
  6.     AppComponent,
  7.     MovieItemComponent
  8.   ],
  9. })

使用：app.component.html

  1. <app-movie-item></app-movie-item>

1-2 通过vscode插件去创建组件

  1. Angular Files
  2. Angular Snippets
  1. 1.在src目录下建一个components的文件夹，右击这个文件夹创建