¿Qué tipo de estructura de carpetas se debe utilizar con Angular 2?

Creo que estructurar el proyecto por funcionalidades es un método práctico. Hace que el proyecto sea escalable y fácil de mantener. Y hace que cada parte del proyecto funcione con total autonomía. Hágame saber lo que piensa sobre esta estructura a continuación: ANGULAR TYPESCRIPT ESTRUCTURA DEL PROYECTO-ANGULAR 2

Fuente : http://www.angulartypescript.com/angular-typescript-project-structure/

Así que después de investigar más terminé con una versión ligeramente revisada del Método 3 (mgechev/angular2-semilla).

Básicamente moví los componentes a un directorio de nivel principal y luego cada característica estará dentro de él.

Voy a usar este. Muy similar a la tercera mostrada por @Marin.

app
|
|___ images
|
|___ fonts
|
|___ css
|
|___ *main.ts*
|   
|___ *main.component.ts*
|
|___ *index.html*
|
|___ components
|   |
|   |___ shared
|   |
|   |___ home
|   |
|   |___ about
|   |
|   |___ product
|
|___ services
|
|___ structures

He estado usando ng cli últimamente, y fue muy difícil encontrar una buena manera de estructurar mi código.

El más eficiente que he visto hasta ahora viene del repositorio mrholek ( https://github.com/mrholek/CoreUI-Angular).

Esta estructura de carpetas le permite mantener su proyecto raíz limpio y estructurar sus componentes, evita la redundancia (a veces inútil) convención de nomenclatura de la Guía de Estilo oficial.

También es, esta estructura es útil para agrupar importación cuando es necesario y evitar tener 30 líneas de importación para un solo archivo.

src
|
|___ app
|
|   |___ components/shared
|   |   |___ header
|   |
|   |___ containers/layout
|   |   |___ layout1
|   |
|   |___ directives
|   |   |___ sidebar
|   |
|   |___ services
|   |   |___ *user.service.ts* 
|   | 
|   |___ guards
|   |   |___ *auth.guard.ts* 
|   |
|   |___ views
|   |   |___ about  
|   |
|   |___ *app.component.ts*
|   |
|   |___ *app.module.ts*
|   |
|   |___ *app.routing.ts*
|
|___ assets
|
|___ environments
|
|___ img
|   
|___ scss
|
|___ *index.html*
|
|___ *main.ts*