Nello script #188 abbiamo visto come utilizzare angular-cli creare un nuovo progetto Angular 2 correttamente funzionante e che utilizza le linee guida suggerite dal team di Angular. In questo script invece ci occupiamo di creare un nuovo component utilizzando sempre lo stesso strumento. Come detto, angular-cli è uno strumento a linea di comando quindi dobbiamo aprire il command prompt, posizionarci nella directory dove vogliamo creare il component e digitare il seguente comando.

ng g component MyComponent

Questo comando genera una cartella my-component (il nome è determinato mettendo tutto in minuscolo e separando le parole che iniziano con una maiuscola con un trattino), e al suo interno genera un file per il component, uno per i css del component, uno per il template html e uno per i test.

Il comportamento del comando può essere personalizzato aggiungendo alcuni parametri:

• --flat: è un booleano che indica se creare la cartella per il component o generare i filenella cartella corrente. Il valore di default è false;
• --inline-template: è un booleano che indica se generare il template HTML su file esterno o all'interno del component. Il valore di default è false;
• --inline-style: è un booleano che indica se generare il file CSS su file esterno o all'interno del component. Il valore di default è false;
• --spec: è un booleano che indica se generare il file di test per il component. Il valore di default è false;