• CLI指令
  • 如何新增檔案卻不新增 spec 的幾種方式

CLI指令

1
ng generate component heroes //ng g c heros
1
ng generate service hero  //ng g s hero
1
ng generate service hero --module=app 
1
2
ng generate module app-routing --flat --module=app 
 //ng g m app-routing --flat --module=app 
  • –flat 不要將 AppRouting 建立在目前目錄下,而是建立在 src/app 目錄下

  • –routing 一併建立 AppRoutingModule

  • –module=app 則是告知CLI註冊這個Routing在AppModule的imports裡.

如何新增檔案卻不新增 spec 的幾種方式

Angular2~5

第一種

1
ng g c component-name --spec false

第二種

1
ng generate component --spec=false component-name

第三種 在angular-cli.json

1
2
3
4
5
    "defaults": {
        "spec": {
            "component": false
        }
    }

第四種 在angular-cli.json

1
2
3
4
    "defaults": {
        "component": { "spec": false },
        "service": { "spec": false },
    }

Angular6+

angular-cli.json 變更成 angular.json

angular.json

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
   "schematics": {
    "@schematics/angular:component": {
      "prefix": "fmyp",
      "styleext": "css",
      "spec": false
    },
    "@schematics/angular:directive": {
      "prefix": "fmp",
      "spec": false
    },
    "@schematics/angular:module": {
      "spec": false
    },
    "@schematics/angular:service": {
      "spec": false
    },
    "@schematics/angular:pipe": {
      "spec": false
    },
    "@schematics/angular:class": {
      "spec": false
    }
  }

or

1
ng generate c mycomponent --no-spec

參考至

https://stackoverflow.com/questions/50193766/generating-components-without-spec-ts-in-angular-6?rq=1