Angularjs Code / Namenskonventionen [geschlossen]


162

Weiß jemand, ob es eine offizielle oder am meisten akzeptierte Referenz für Angular-Namenskonventionen gibt, die beim Erstellen unserer Anwendungen verwendet werden können?

Angular verfügt über viele verschiedene Arten von Komponenten wie Filter, Direktiven, Dienste usw. Würden Sie nicht zustimmen, dass eine Referenzbenennungskonvention bei der Implementierung in unseren Anwendungen sinnvoll ist?

Zum Beispiel:

Wenn wir neue Filter erstellen müssen, wie sollen wir sie wie [Etwas] Filter oder Filter [Etwas] oder etwas anderes benennen?

Gleiches gilt für Controller, Services, Direktiven und so weiter.

Ich frage mich auch, ob Variablen / Funktionen, die zum Bereich gehören, ein spezielles Präfix oder Suffix haben sollten. In einigen Situationen kann es nützlich sein, sie von Funktionen und anderen zu unterscheiden (kein Winkelcode).


Antworten:



45

Wenn Sie ein Anfänger sind, ist es besser, zuerst einige grundlegende Tutorials durchzugehen und danach die Namenskonventionen kennenzulernen. Ich habe Folgendes durchlaufen, um Angular zu lernen, von denen einige sehr effektiv sind.

Tutorials:

  1. http://www.toptal.com/angular-js/a-step-by-step-guide-to-your-first-angularjs-app
  2. http://viralpatel.net/blogs/angularjs-controller-tutorial/
  3. http://www.angularjstutorial.com/

Details zur Anwendungsstruktur und zu den Namenskonventionen finden Sie an verschiedenen Stellen. Ich habe Hunderte von Websites durchgesehen und ich denke, diese gehören zu den besten:


33

Für die Strukturierung einer App ist dies eine der besten Anleitungen, die ich gefunden habe:

Beachten Sie, dass die von Google empfohlene Struktur sich von der in vielen Seed-Projekten unterscheidet, bei großen Apps jedoch viel vernünftiger ist.

Google hat auch einen Styleguide , der nur dann sinnvoll ist, wenn Sie auch Closure verwenden .


... diese Antwort ist unvollständig, aber ich hoffe, dass die oben genannten begrenzten Informationen für jemanden hilfreich sind.


19

Update: STYLE GUIDE ist jetzt in Angular-Dokumenten enthalten.

//////////////////////////////////////////////////////// //////////////////////////////////////////////////////// //////////////////////////////////////////////////////// //////

Wenn Sie nach einem Meinungsbildner für Syntax, Konventionen und Strukturierung von AngularJS-Anwendungen suchen, dann greifen Sie sofort ein. Die hier enthaltenen Stile basieren auf meinen Erfahrungen mit AngularJS, Präsentationen, Schulungen und der Arbeit in Teams.

Der Zweck dieses Styleguides besteht darin, Anleitungen zum Erstellen von AngularJS-Anwendungen bereitzustellen, indem die von mir verwendeten Konventionen und vor allem die Gründe für die Auswahl aufgeführt werden.

- John Papa

Hier ist der Awesome Link (aktuell und aktuell): AngularJS Style Guide


6

Ich habe vor einem Jahr damit begonnen: https://gist.github.com/PascalPrecht/5411171

Brian Ford (Mitglied des Kernteams) hat diesen Blog-Beitrag darüber geschrieben: http://briantford.com/blog/angular-bower

Und dann haben wir mit dieser Komponentenspezifikation begonnen (die nicht ganz vollständig ist): https://github.com/angular/angular-component-spec

Seit der letzten ng-conf gibt es dieses Dokument für Best Practices des Kernteams: https://docs.google.com/document/d/1XXMvReO8-Awi1EZXAXS4PzDzdNvV6pGcuaF4Q9821Es/pub

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.