Ich arbeite an verschiedenen Webprojekten und ich frage mich, ob es eine Faustregel bezüglich der Projekt / Ordner-Struktur gibt?
Viele meiner Apps sind in der Struktur erstellt, in der jeder Dateityp sein eigenes Verzeichnis hat. Zum Beispiel:
%Vor%In letzter Zeit sehe ich jedoch ein paar Projekte, bei denen jedes Modul seinen eigenen Ordner mit seinem Code (.js-Datei), View (.html-Datei), Style (.css / .less-Dateien) und Daten (.json-Datei, Bilder, Schriftarten usw.) Zum Beispiel:
%Vor%Gibt es Best Practices in Bezug auf die Projektstruktur?
Ihre Beispiele zeigen zwei beliebte Projektstrukturen, organisieren Sie Dateien nach Typ oder nach Modul. Ich bevorzuge letzteres (Code getrennt in Module) und ich sehe es viel für Javascript Frontend-Frameworks verwendet. Es ist etwas, das der Winkelstilguide (eine gute Referenz für eckige Best Practices) bezieht zu Ordnern nach Funktion .
Ich verweise auf den Angular Styleguide, da Ihre Beispiele Angular-Projekte zeigten, aber das Konzept kann in andere Frameworks übersetzt werden. Der Code ist nach Funktionen organisiert, so dass Sie die Datei, die Sie bearbeiten müssen, leicht finden können. Wie jemand in einem Kommentar darauf hingewiesen hat, skaliert diese Projektstruktur gut, wenn die App und das Team an Größe zunehmen.
Tags und Links javascript html css project-structure