第二天——组件的创建

前文，记录了angular项目的搭建，接下来就是创建属于自己的组件。

命令：ng generate component your-component-name

可以简写：ng g c your-component-name

your-component-name:就是要创建的组件的名字

执行该命令，会自动创建一个your-component-name的文件夹，然后里面有四个文件，分别是

html，scss，spec.ts，和ts结尾的同名文件。

在html中写页面，在scss中写样式，在ts中定义变量，实现方法和逻辑等。

同时还会更新app.module.ts文件，会把新创建的组件加入其中。

命令：ng g module your-component-name --routing

执行上述命令，可以为组件创建路由文件。

其他一些简写命令：

• ng g cl my-new-class // 新建 class
• ng g c my-new-component // 新建组件
• ng g d my-new-directive // 新建指令
• ng g e my-new-enum // 新建枚举
• ng g m my-new-module // 新建模块
• ng g p my-new-pipe // 新建管道
• ng g s my-new-service // 新建服务