0
665
VisualizaçõesWhich type of folder structure should be used with Angular 2?
I am an Angular 1 developer that is starting to learn about Angular 2. There are a lot of different types of folder structure methods depending on the training material. I am going to list each one below and I would love to get people's opinions on which I should use and why. Also, if there is a method that is not listed but you feel that it works better, please feel free to list it as well.
By looking at all of these, method #3 is pretty much how I was doing my Angular 1 apps.
Method 1: angular2-quickstart
Source: https://angular.io/guide/quickstart
Folder Structure:
Method 2: ng-book2
Source: https://www.ng-book.com/2/ (have to pay to see the files)
Folder Structure:
Method 3: mgechev/angular2-seed
Source: https://github.com/mgechev/angular2-seed
Folder Structure:
3 Respostas
Responde à pergunta0
The official guideline is there now. mgechev/angular2-seed had alignment with it too. see #857.
https://angular.io/guide/styleguide#overall-structural-guidelines
0
I think structuring the project by functionalities is a practical method. It makes the project scalable and maintainable easily. And it makes each part of the project working in a total autonomy. Let me know what you think about this structure below: ANGULAR TYPESCRIPT PROJECT STRUCTURE – ANGULAR 2
source : http://www.angulartypescript.com/angular-typescript-project-structure/
0
I am going to use this one. Very similar to third one shown by @Marin.
app
|
|___ images
|
|___ fonts
|
|___ css
|
|___ *main.ts*
|
|___ *main.component.ts*
|
|___ *index.html*
|
|___ components
| |
| |___ shared
| |
| |___ home
| |
| |___ about
| |
| |___ product
|
|___ services
|
|___ structures