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.

And hundreds of additional extensions that cover more specific needs.

CSS preprocessor support, like LESS and SCSS.

Code hints from the PSD, to easily reuse this extracted information in the code.

Photoshop file support to extract information from a PSD file, like layers, measurements, colors, fonts, texts, etc.

HTL code completion for expressions and data-sly-* block statements.Īdditionally, Brackets comes with many useful features for AEM font-end developers:.

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.

Brackets ide download