

On GitHub, click Download ZIP, extract the files locally, and as instructed above, open the jcr_root folder in Brackets. If you don’t have of your own a project with a content-package, you can try the HTL TodoMVC Example. In Brackets’ File menu, choose Open Folder… and pick either the jcr_root folder, or the parent project folder. myproject/META-INF/vault/filter.xml) for more details about the structure of the filter.xml file please see the Workspace Filter definition. myproject/jcr_root)Ī filter.xml file (e.g. Getting Started The Content-Package ProjectĪfter the extension has been installed, you can start developing AEM components by opening a content-package folder from your file system with Brackets.Ī jcr_root folder (e.g. In menu File, select Extension Manager…Įnter AEM in the search bar and look for AEM Brackets Extension.Ĭlose the dialog and Extension Manager after the installation completed. To install the extension proceed as follows: The AEM Brackets Extension supports Brackets version 1.0 or greater.ĭownload the latest Brackets version from brackets.io.

Full content-package synchronization of the project.Manual bidirectional synchronization of files and folders.Automated synchronization of changed files to the AEM development instance.The main features of the AEM Brackets Extension are: This extension also provides some support for the HTML Template Language (HTL), which takes away the complexity of JSP to make component development easier and more secure. The easy synchronization provided by the extension (no Maven or File Vault required) increases developer efficiency and also helps front-end developers with limited AEM knowledge to participate on projects. The AEM Brackets Extension provides a smooth workflow to edit AEM components and client libraries, and leverages the power of the Brackets code editor, which gives access from within the code editor to Photoshop files and layers.
