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. 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. For further details, see our technical support periods. AEM 6.4 has reached the end of extended support and this documentation is no longer updated.
0 kommentar(er)
