De extensie AEM Brackets biedt een vloeiende workflow voor het bewerken van AEM componenten en clientbibliotheken en maakt gebruik van de kracht van de code-editor Brackets, die toegang biedt vanuit de code-editor naar Photoshop-bestanden en -lagen. De eenvoudige synchronisatie die wordt geboden door de extensie (geen Maven of File Vault vereist) verhoogt de efficiëntie van de ontwikkelaar en helpt ontwikkelaars met beperkte AEM kennis ook om aan projecten deel te nemen. Deze extensie biedt ook enige ondersteuning voor de HTML-sjabloontaal (HTL), die de complexiteit van JSP wegneemt om de ontwikkeling van componenten eenvoudiger en veiliger te maken.
De hoofdkenmerken van de extensie AEM Brackets zijn:
data-sly-*
-blokinstructies.Bovendien zijn er veel handige functies voor AEM ontwikkelaars van lettertypen:
De extensie AEM Brackets ondersteunt versie 1.0 of hoger.
Download de nieuwste versie Brackets van brackets.io.
Ga als volgt te werk om de extensie te installeren:
Open haakjes. Selecteer Extension Manager… in het menu Bestand.
Typ AEM in de zoekbalk en zoek Extensie AEM accolades.
Klik Installeren.
Sluit het dialoogvenster en de Extension Manager nadat de installatie is voltooid.
Nadat de extensie is geïnstalleerd, kunt u beginnen met het ontwikkelen van AEM componenten door een inhoudspakketmap te openen vanuit uw bestandssysteem met haakjes.
Het project moet ten minste het volgende bevatten:
a jcr_root
map (bijvoorbeeld myproject/jcr_root
)
a filter.xml
bestand (bijvoorbeeld myproject/META-INF/vault/filter.xml
); Zie Definitie van werkruimtefilter voor meer informatie over de structuur van het filter.xml
-bestand.
Kies Map openen… in het menu Bestand en kies de map jcr_root
of de bovenliggende projectmap.
Als u geen van uw hebt een project met een content-package, kunt u HTL TodoMVC Voorbeeld proberen. Voor GitHub, klik Download ZIP, haal de dossiers plaatselijk, en zoals hierboven geïnstrueerd, open jcr_root
omslag in Brackets. Volg vervolgens de onderstaande stappen om de Projectinstellingen in te stellen en upload ten slotte het volledige pakket naar de AEM ontwikkelingsinstantie door een Inhoudspakket exporteren volgens de instructies die u verder hebt gegeven in de sectie Volledige synchronisatie van het inhoudspakket.
Na deze stappen, zou u tot /content/todo.html
URL op uw AEM ontwikkelingsinstantie moeten kunnen toegang hebben en u kunt beginnen wijzigingen aan de code in Brackets te doen en te zien hoe, na het doen verfrissen in Webbrowser, de veranderingen onmiddellijk aan de AEM server werden gesynchroniseerd.
Als u de inhoud wilt synchroniseren van en naar een AEM-ontwikkelingsinstantie, moet u de projectinstellingen definiëren. Dit kan door naar AEM menu te gaan en de Montages van het Project te kiezen…
Met de projectinstellingen kunt u het volgende definiëren:
http://localhost:4502
)admin
)admin
)De extensie AEM Brackets biedt de volgende typen inhoudssynchronisatie voor bestanden en mappen die zijn toegestaan door de filterregels die zijn gedefinieerd in filter.xml
:
Hiermee worden wijzigingen alleen gesynchroniseerd van haakjes naar de AEM-instantie, maar nooit andersom.
In de Ontdekkingsreiziger van het Project, open het contextafhankelijke menu door op om het even welk dossier of omslag met de rechtermuisknop te klikken, en de Uitvoer aan Server of de optie van de Invoer van Server kan worden betreden.
Als het geselecteerde item zich buiten de map jcr_root
bevindt, worden de contextafhankelijke menu-items Exporteren naar server en Importeren vanuit server uitgeschakeld.
In het AEM menu, staan de Opties van het Pakket van de Inhoud van de Uitvoer of Inhoudspakket van de Invoer toe om het volledige project met de server te synchroniseren.
De extensie AEM Brackets heeft een waarschuwingspictogram op de werkbalk rechts van het venster Brackets, waarmee de status van de laatste synchronisatie wordt aangegeven:
Als u op het meldingspictogram klikt, wordt het dialoogvenster Synchronisatie-statusrapport geopend met een lijst van alle status voor elk gesynchroniseerd bestand.
Alleen inhoud die is gemarkeerd als opgenomen in de filterregels van filter.xml
wordt gesynchroniseerd, ongeacht de gebruikte synchronisatiemethode.
Daarnaast worden .vltignore
-bestanden ondersteund voor het uitsluiten van inhoud van en naar de opslagplaats.
De extensie AEM Brackets beschikt ook over enkele automatische aantekeningen waarmee het schrijven van HTML-kenmerken en -expressies wordt vergemakkelijkt.
sly
in een HTML-kenmerk. Het kenmerk wordt automatisch ingevuld bij data-sly-
.Binnen een uitdrukking ${}
, zijn de gemeenschappelijke veranderlijke namen auto-voltooid.
De extensie AEM Brackets is een opensource-project dat op GitHub wordt gehost door de organisatie Adobe Marketing Cloud onder de Apache-licentie, versie 2.0:
De de coderedacteur van Brackets is ook een open-bronproject, dat op GitHub door de organisatie Adobe Systems Incorporated wordt ontvangen:
Voel je vrij om bij te dragen!