A Extensão de colchetes de AEM fornece um fluxo de trabalho suave para editar AEM componentes e bibliotecas de clientes, e aproveita a potência do editor de códigos Colchetes, que dá acesso de dentro do editor de código a arquivos e camadas Photoshop. A sincronização fácil oferecida pela extensão (sem necessidade de Maven ou File Vault) aumenta a eficiência do desenvolvedor e também ajuda os desenvolvedores de front-end com conhecimento AEM limitado a participar de projetos. Essa extensão também oferece suporte para HTML Template Language (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 de colchetes de AEM são:
data-sly-*
.Além disso, o Brackets vem com muitos recursos úteis para desenvolvedores AEM de fontes:
A extensão de suportes AEM suporta os suportes versão 1.0 ou superior.
Baixe a versão mais recente do Brackets de colchets.io.
Para instalar a extensão, siga estas instruções:
Abra Colchetes. No menu Arquivo, selecione Extension Manager…
Digite AEM na barra de pesquisa e procure AEM Extensão de Colchetes.
Clique em Instalar.
Feche a caixa de diálogo e a Extension Manager após a conclusão da instalação.
Depois que a extensão for instalada, você poderá start o desenvolvimento de componentes AEM abrindo uma pasta de pacote de conteúdo do seu sistema de arquivos com chaves.
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 Definição do filtro da área de trabalho.
No menu de Ficheiro dos Colchetes, escolha Abrir Pasta… e selecione a pasta jcr_root
ou a pasta de projeto principal.
Se você não tiver um projeto próprio com um pacote de conteúdo, experimente o Exemplo HTL TodoMVC. No GitHub, clique em Baixar ZIP, extraia os arquivos localmente e, conforme as instruções acima, abra a pasta jcr_root
em Colchetes. Em seguida, siga as etapas abaixo para configurar as Configurações do projeto e, por fim, faça upload do pacote inteiro para a instância de desenvolvimento AEM fazendo Exportar pacote de conteúdo conforme as instruções mais detalhadas na seção Sincronização completa do pacote de conteúdo.
Após essas etapas, você deve ser capaz de acessar o URL /content/todo.html
na instância de desenvolvimento AEM e pode fazer modificações no código em Colchetes e ver como, depois de fazer uma atualização no navegador da Web, as alterações foram sincronizadas imediatamente no servidor AEM.
Para sincronizar o conteúdo de e para uma instância de desenvolvimento AEM, é necessário definir as Configurações do projeto. Isso pode ser feito indo para o menu AEM e escolhendo Configurações do projeto…
As Configurações do projeto permitem definir:
http://localhost:4502
)admin
)admin
)A Extensão de colchetes de AEM fornece os seguintes tipos de sincronização de conteúdo para arquivos e pastas permitidos pelas regras de filtragem definidas em filter.xml
:
Isso só sincronizará as alterações de Colchetes para a instância AEM, mas nunca o contrário.
No Project Explorer, 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 do menu contextual Exportar para Servidor e Importar do Servidor estarã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 de colchetes AEM apresenta um ícone de notificação na barra de ferramentas à direita da janela Colchetes, que indica o status da última sincronização:
Clicar no ícone de notificação abrirá a caixa de diálogo do relatório Status de sincronização que lista de todo o 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 suportados para excluir o conteúdo da sincronização para e do repositório.
A Extensão de suportes de AEM também apresenta alguns recursos de autocompletar para facilitar a escrita de atributos HTL e expressões.
sly
. O atributo é preenchido automaticamente para data-sly-
.Em uma expressão ${}
, os nomes de variáveis comuns são concluídos automaticamente.
A Extensão AEM Brackets é um projeto open-source, hospedado no GitHub pela organização Adobe Marketing Cloud, sob a Licença Apache, versão 2.0:
O editor de códigos do Brackets também é um projeto de código aberto, hospedado no GitHub pela organização Adobe Systems Incorporated:
Sinta-se à vontade para contribuir!