Ferramentas de desenvolvimento para Client Extensions e Site Initializers do Liferay DXP.
Funcionalidades
- Live Preview — visualiza a página real do Liferay com proxy local; fragmentos atualizam no DOM sem recarregar a página
- Mock Preview — renderiza o fragmento localmente sem precisar do Liferay rodando
- Novo Fragmento — cria a estrutura completa de arquivos diretamente no VS Code
- Sync do Liferay — importa o conteúdo atual de um fragmento do Liferay para o código local
- Validação — erros de campos obrigatórios em Object Definitions e List Types aparecem no painel Problems
- Tree View — navega por fragmentos, Object Definitions, List Types e Object Folders direto na activity bar
Configuração
Crie .liferay-preview.json na raiz do workspace:
{
"host": "http://localhost:8080",
"username": "[email protected]",
"password": "sua-senha",
"siteExternalReferenceCode": "L_GUEST",
"groupId": "20127",
"previewPageUrl": "/home"
}
A senha pode ser sobrescrita via variável de ambiente
LIFERAY_PASSWORD.
Uso
- Abra um workspace com um Site Initializer do Liferay
- A extensão ativa automaticamente ao detectar
fragment.json - Status bar mostra
📡 Liferay Liveou👁 Mock Preview— clique para alternar - Edite qualquer arquivo do fragmento e salve — o preview atualiza automaticamente
Comandos
| Comando | Descrição |
|---|---|
Liferay Studio: Abrir Preview |
Abre o painel de preview para o fragmento ativo |
Liferay Studio: Novo Fragmento |
Cria um fragmento novo com scaffolding completo |
Liferay Studio: Sincronizar Fragmento do Liferay |
Importa o fragmento atual do Liferay |
Liferay Studio: Alternar Modo |
Alterna entre Live e Mock |
Liferay Studio: Reconectar ao Liferay |
Tenta reconectar ao servidor |