TYPO3 Plugin:

alligator_vendors

Basisentwurf

Das Frontend verwendet diese Werkzeuge:

  • browserisierung
  • eckig

Der Frontend-Code ist in coffescript cheers geschrieben

Installieren

  • cd./Ressourcen/Private/CoffeScript
  • $ npm install -> um alle benötigten npm Module zu holen

Befehle

  • $ npm run watch -> Überwacht Änderungen in den zugehörigen Kaffeedateien
  • $ npm run build-js -> JS aus Kaffee einmalig generieren
  • $ npm run build -> alle Arbeitsdateien erstellen und nach Resources/Public/JavaScript/vendorMap.js kopieren
  • $ Kompasswache -> tun Sie dies in Frontend/Stilen, um auf SCSS-Änderungen zu achten
  • $ npm test -> Karma-Tests durchführen (siehe test/karma.conf.js)
  • $ npm run test-ci -> Karma-Tests im ci-Modus mit Junit-Reporting durchführen (siehe test/karma-ci.conf.js)

CI

  • cd./Ressourcen/Private/CoffeScript && npm run build-js && npm run build

Kodierungsrichtlinie

Stil und Codieranleitung können sich während der Entwicklung ändern. Bitte versuchen Sie, dieses Dokument auf dem neuesten Stand zu halten!

Benannte Funktionen für Controller

  • Um einen beschreibenderen Code zu erhalten, verwenden Sie benannte Funktionen in Controllern/Diensten und geben Sie diese Funktion zurück in der module.exports part. z.B:
ctrl = ($scope) -> ->
  $scope.test = 'Willkommen bei meiner Angular App ;D rofl lol'
  $scope.array = [1,2,3,4,5]

module.exports = ['$scope', ctrl]
  • Verwenden Sie immer Zeichenketten für Winkelinjektoren, um den Code auch nach dem Hässlichwerden/Minifizieren intakt zu halten.
    • z.B. app.controller 'MainCtrl', ['$scope', '$module2', '$service1', ctrl]
  • Deklarieren Sie Controller / Services in index.coffee und laden Sie sie mit require().

Benötigen Sie schnelle Hilfe mit dieser Extension? Unser Team von erfahrenen TYPO3-Entwicklern löst Probleme unkompliziert und zum Stundensatz.