初学Ng—创建项目、组件

在angular中，可以使用 “模块、组件、路由” 的命令来快速创建文件及文件夹。

一.创建新项目

        a.直接创建

                使用  ng new mypro   创建项目命令

        b.使用 ng-zorro 脚手架

                ng new mypro

                cd mypro

                ng add ng-zorro-antd 

二.在 app目录下增加 pages（会自动被创建） 和 component 文件夹，存放页面 和 一般组件

三.创建组件

        任何创建的组件都要先指定被挂载对象，不然会报错

        a.创建一般组件 component 【不会引入其他子组件、ui组件的底层组件】

                组件名 car

                ng g c car  --module=foot 【foot 就是指定的被挂载对象，可以理解为它的上一级 】

                注意：一旦挂载后，只能在挂载对象的层级(html)中使用该组件，不能越层

        b.创建带 module 组件，可以引入其他任何组件，但是要将其挂载到 mudule 中

                组件名 foot

                 1.ng g c foot --module=header【header 被挂载对象，它的上一级 】

                  2.ng g m foot  【增加 foot.module.ts 文件，集中引入 其他组件】

          c. 创建一个 路由组件 ，【组件中有其他子路由】

                  1. ng g m call --routing 【生成 路由 和 component】
                   2.ng g c  call   --module=foot 【生成 call.mudule.ts 模块文件】