A extensão AEM Brackets fornece um fluxo de trabalho suave para editar AEM componentes e bibliotecas de clientes e aproveita o poder do editor de código do Brackets, que dá acesso de dentro do editor de códigos a arquivos e camadas do Photoshop. A sincronização fácil oferecida pela extensão (sem Maven ou File Vault necessário) aumenta a eficiência do desenvolvedor e também ajuda desenvolvedores front-end com conhecimento de AEM limitado a participar de projetos. Essa extensão também fornece suporte para a Linguagem de modelo HTML (HTL), o que elimina a complexidade do JSP para tornar o desenvolvimento de componentes mais fácil e seguro.
Os principais recursos da Extensão AEM Brackets são:
data-sly-*
instruções de bloco.Além disso, o Brackets tem muitos recursos úteis para desenvolvedores de fim de fonte AEM:
A extensão AEM Brackets oferece suporte ao Brackets versão 1.0 ou superior.
Baixe a versão mais recente do Brackets a partir de colchets.io.
Para instalar a extensão, proceda da seguinte maneira:
Abra Colchetes. No menu File, selecione Extension Manager…
Insira AEM na barra de pesquisa e procure por AEM Extensão de Colchetes.
Clique em Instalar.
Feche a caixa de diálogo e o Extension Manager após a conclusão da instalação.
Após a instalação da extensão, você pode começar a desenvolver componentes AEM abrindo uma pasta de pacote de conteúdo do sistema de arquivos com o Brackets.
O projeto deve conter pelo menos:
uma pasta jcr_root
(por exemplo, myproject/jcr_root
)
um arquivo filter.xml
(por exemplo, myproject/META-INF/vault/filter.xml
); para obter mais detalhes sobre a estrutura do arquivo filter.xml
, consulte a definição de filtro do Workspace.
No menu File do Brackets, escolha Open Folder… e escolha a pasta jcr_root
ou a pasta do projeto principal.
Se você não tiver um projeto próprio com um pacote de conteúdo, poderá tentar o HTL Exemplo de TodoMVC. No GitHub, clique em Baixar ZIP, extraia os arquivos localmente e, conforme instruído acima, abra a pasta jcr_root
no Brackets. Siga as etapas abaixo para configurar as Configurações do projeto e, por fim, fazer upload do pacote inteiro para sua instância de desenvolvimento do AEM fazendo um Exportar pacote de conteúdo conforme instruído mais abaixo na seção Sincronização completa do pacote de conteúdo.
Após essas etapas, você poderá acessar o URL /content/todo.html
na instância de desenvolvimento do AEM e começar a fazer modificações no código no Brackets e ver como, após fazer uma atualização no navegador da Web, as alterações foram sincronizadas imediatamente com o servidor AEM.
Para sincronizar o conteúdo de e para uma instância de desenvolvimento de AEM, é necessário definir as Configurações do projeto. Isso pode ser feito indo até o menu AEM e escolhendo Configurações do projeto….
As Configurações do projeto permitem definir:
http://localhost:4502
)admin
)admin
)A extensão AEM Brackets fornece os seguintes tipos de sincronização de conteúdo para arquivos e pastas que são permitidos pelas regras de filtragem definidas em filter.xml
:
Isso só sincronizará as alterações do Brackets para a instância de AEM, mas nunca o contrário.
No Explorador de Projetos, abra o menu contextual clicando com o botão direito do mouse em qualquer arquivo ou pasta e as opções Exportar para Servidor ou Importar do Servidor podem ser acessadas.
Se a entrada selecionada estiver fora da pasta jcr_root
, as entradas de menu contextual Exportar para Servidor e Importar do Servidor serão desativadas.
No menu AEM, as opções Exportar Pacote de Conteúdo ou Importar Pacote de Conteúdo permitem sincronizar todo o projeto com o servidor.
A Extensão AEM Brackets apresenta um ícone de notificação na barra de ferramentas à direita da janela Brackets, que indica o status da última sincronização:
Clicar no ícone de notificação abrirá a caixa de diálogo Status da Sincronização que lista todos os status de cada arquivo sincronizado.
Somente o conteúdo marcado como incluído pelas regras de filtragem de filter.xml
será sincronizado, independentemente do método de sincronização usado.
Além disso, os arquivos .vltignore
são compatíveis com a exclusão de conteúdo da sincronização para e do repositório.
A Extensão AEM Brackets também apresenta alguns recursos de autopreenchimento para facilitar a escrita de atributos e expressões HTL.
sly
. O atributo é preenchido automaticamente para data-sly-
.Em uma expressão ${}
, nomes de variáveis comuns são preenchidos automaticamente.
A Extensão AEM Brackets é um projeto de código aberto, hospedado no GitHub pela organização Adobe Marketing Cloud, sob a Licença do Apache, versão 2.0:
O editor de código do Brackets também é um projeto de código aberto, hospedado no GitHub pela organização Adobe Systems Incorporated:
Você pode contribuir!